@provoly/dashboard 0.18.1 → 0.18.3

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.18.1",
+  "version": "0.18.3",
   "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"
     },
-    "./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"
     },
+    "./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"
+    },
     "./notification": {
       "types": "./notification/index.d.ts",
       "esm2022": "./esm2022/notification/provoly-dashboard-notification.mjs",
@@ -139,29 +139,11 @@
       "esm": "./esm2022/toolbox/provoly-dashboard-toolbox.mjs",
       "default": "./fesm2022/provoly-dashboard-toolbox.mjs"
     },
-    "./filters/date": {
-      "types": "./filters/date/index.d.ts",
-      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
-    },
-    "./filters/list": {
-      "types": "./filters/list/index.d.ts",
-      "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
-      "esm": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-list.mjs"
-    },
-    "./filters/number": {
-      "types": "./filters/number/index.d.ts",
-      "esm2022": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
-      "esm": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-number.mjs"
-    },
-    "./filters/text": {
-      "types": "./filters/text/index.d.ts",
-      "esm2022": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
-      "esm": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-text.mjs"
+    "./components/card": {
+      "types": "./components/card/index.d.ts",
+      "esm2022": "./esm2022/components/card/provoly-dashboard-components-card.mjs",
+      "esm": "./esm2022/components/card/provoly-dashboard-components-card.mjs",
+      "default": "./fesm2022/provoly-dashboard-components-card.mjs"
     },
     "./components/checkbox": {
       "types": "./components/checkbox/index.d.ts",
@@ -169,11 +151,11 @@
       "esm": "./esm2022/components/checkbox/provoly-dashboard-components-checkbox.mjs",
       "default": "./fesm2022/provoly-dashboard-components-checkbox.mjs"
     },
-    "./components/card": {
-      "types": "./components/card/index.d.ts",
-      "esm2022": "./esm2022/components/card/provoly-dashboard-components-card.mjs",
-      "esm": "./esm2022/components/card/provoly-dashboard-components-card.mjs",
-      "default": "./fesm2022/provoly-dashboard-components-card.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",
@@ -193,6 +175,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",
@@ -205,6 +193,30 @@
       "esm": "./esm2022/components/stepper/provoly-dashboard-components-stepper.mjs",
       "default": "./fesm2022/provoly-dashboard-components-stepper.mjs"
     },
+    "./filters/date": {
+      "types": "./filters/date/index.d.ts",
+      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
+    },
+    "./filters/list": {
+      "types": "./filters/list/index.d.ts",
+      "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
+      "esm": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-list.mjs"
+    },
+    "./filters/number": {
+      "types": "./filters/number/index.d.ts",
+      "esm2022": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
+      "esm": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-number.mjs"
+    },
+    "./filters/text": {
+      "types": "./filters/text/index.d.ts",
+      "esm2022": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
+      "esm": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-text.mjs"
+    },
     "./pipeline-components/filter": {
       "types": "./pipeline-components/filter/index.d.ts",
       "esm2022": "./esm2022/pipeline-components/filter/provoly-dashboard-pipeline-components-filter.mjs",

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/_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,7 @@
 @use 'components/a-toggle' as *;
 @use 'components/a-tooltip' as *;
 @use 'components/a-chips' as *;
+@use 'components/a-color-picker' as *;
 
 /* Atoms lib */
 @use 'components/a-pry-select' as *;
@@ -43,6 +44,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,14 +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>;
-    constructor(store: Store<any>, translateService: PryI18nService, el: ElementRef, aggregationService: PryAggregationService);
+    allowedClasses$: Observable<Class[]>;
+    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): {
@@ -98,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;