@provoly/dashboard 0.18.5 → 0.18.6

package/filters/date/date-filter.component.d.ts

@@ -12,6 +12,7 @@ export declare class DateFilterComponent extends BaseFilterComponent implements
     constructor(store: Store);
     ngOnInit(): void;
     setFilter(value: string): void;
+    changeValue($event: string): void;
     clearDate(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DateFilterComponent, "pry-date-filter", never, {}, {}, never, never, false, never>;

package/lib/dashboard/filter/base-filter.component.d.ts

@@ -1,13 +1,15 @@
+import { OnInit } from '@angular/core';
 import { Store } from '@ngrx/store';
 import { Filter } from '../../core/model/filter.interface';
 import { SubscriptionnerDirective } from '../components/subscriptionner.directive';
 import * as i0 from "@angular/core";
-export declare class BaseFilterComponent extends SubscriptionnerDirective {
+export declare class BaseFilterComponent extends SubscriptionnerDirective implements OnInit {
     protected store: Store;
     filter?: Filter;
     type: string;
-    private _value;
+    protected _value: any;
     constructor(store: Store);
+    ngOnInit(): void;
     updateFilter(value: any): void;
     validateFilters(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseFilterComponent, never>;

package/lib/dashboard/item-utils.d.ts

@@ -1,4 +1,3 @@
-import Geometry from 'ol/geom/Geometry';
 import { AttributeSimpleValue, Item, ValueType } from '../core/model/item.interface';
 import { ResultSet } from '../core/model/result-set.interface';
 import { Attribute, Class } from '../core/store/class/class.interface';
@@ -7,13 +6,6 @@ export interface OlFeature {
     get(key: string): any;
 }
 export declare class ItemUtils {
-    static readGeometry<T extends 'point' | 'line' | 'multi-line' | 'polygon' | 'multi-polygon'>(item: Item, type: T, attribute: Attribute | undefined): Geometry;
-    static projectGeometry(geometry: {
-        type: string;
-        coordinates: [number, number] | [number, number][] | [number, number][][] | [number, number][][][];
-    }): any;
-    static readLocations<T extends 'point' | 'line' | 'polygon'>(item: Item, type: T): T extends 'point' ? [number, number][] : [number, number][][];
-    private static extractGeometries;
     static getAttributeValue(item: Item | OlFeature, attribute: Attribute | string | undefined): AttributeSimpleValue | AttributeSimpleValue[];
     static getAttributeCalculatedValue(item: Item, attribute: Attribute | string | undefined): ValueType | ValueType[];
     static sortAttributes(a: AttributeSimpleValue, b: AttributeSimpleValue): number;

package/lib/dashboard/store/dashboard.effects.d.ts

@@ -218,9 +218,6 @@ export declare class DashboardEffects {
     toggleEditionModeIfNotManual$: import("rxjs").Observable<{
         force?: boolean | undefined;
     } & import("@ngrx/store/src/models").TypedAction<"[Dashboard] toggle edition mode">> & import("@ngrx/effects").CreateEffectMetadata;
-    updateViewAfterFilterValueUpdate$: import("rxjs").Observable<{
-        id: string;
-    } & import("@ngrx/store/src/models").TypedAction<"[Search] (bus) search named">> & import("@ngrx/effects").CreateEffectMetadata;
     dispatchFilters$: import("rxjs").Observable<{
         id: string;
     } & import("@ngrx/store/src/models").TypedAction<"[Search] (bus) search named">> & import("@ngrx/effects").CreateEffectMetadata;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.18.5",
+  "version": "0.18.6",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "14.x || 15.x || 16.x",
@@ -193,18 +193,18 @@
       "esm": "./esm2022/components/filter/provoly-dashboard-components-filter.mjs",
       "default": "./fesm2022/provoly-dashboard-components-filter.mjs"
     },
-    "./components/metadata-editor": {
-      "types": "./components/metadata-editor/index.d.ts",
-      "esm2022": "./esm2022/components/metadata-editor/provoly-dashboard-components-metadata-editor.mjs",
-      "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/metadata-editor": {
+      "types": "./components/metadata-editor/index.d.ts",
+      "esm2022": "./esm2022/components/metadata-editor/provoly-dashboard-components-metadata-editor.mjs",
+      "esm": "./esm2022/components/metadata-editor/provoly-dashboard-components-metadata-editor.mjs",
+      "default": "./fesm2022/provoly-dashboard-components-metadata-editor.mjs"
+    },
     "./components/sinceDate": {
       "types": "./components/sinceDate/index.d.ts",
       "esm2022": "./esm2022/components/sinceDate/provoly-dashboard-components-sinceDate.mjs",

package/styles/components/_a-table.scss

@@ -24,7 +24,7 @@
   thead {
     td,
     th {
-      height: toRem(24);
+      height: toRem(30);
       margin: toRem(8);
       padding: toRem(8);
     }

package/styles/components/_m-filter.scss

@@ -15,14 +15,32 @@
     }
   }
 
+  &__label {
+    cursor: none;
+    margin: 0;
+    align-self: center;
+    white-space: nowrap;
+  }
+
+  &__input {
+    outline: none;
+    min-height: toRem(20);
+    line-height: toRem(12);
+    padding: 0 toRem(2) toRem(1) toRem(1);
+  }
+
+  &__date-input-separator {
+    margin: 0 toRem(5);
+  }
+
   &__input-wrapper {
     display: flex;
     border-radius: toRem(5);
-    padding: toRem(2) toRem(10);
+    padding: toRem(4) toRem(10);
     align-items: center;
 
-    &:has(.pry-select) {
-      padding: toRem(1) toRem(10);
+    &--dropdown {
+      padding: toRem(3) toRem(10);
     }
 
     .ng-select-container {
@@ -36,7 +54,7 @@
     }
 
     .ng-dropdown-panel.ng-select-bottom {
-      margin-top: 2px;
+      margin-top: 3px;
     }
 
     .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container{
@@ -45,27 +63,9 @@
     }
   }
 
-  &__label {
-    cursor: none;
-    margin: 0;
-    align-self: center;
-    white-space: nowrap;
-  }
-
-  &__input {
-    outline: none;
-    min-height: toRem(20);
-    line-height: toRem(12);
-    padding: 0 toRem(2) toRem(1) toRem(1);
-  }
-
-  &__date-input-separator {
-    margin: 0 toRem(5);
-  }
-
   &__clear-wrapper {
     position: absolute;
-    bottom: toRem(4);
+    bottom: 0.4rem;
     cursor: pointer;
     -webkit-user-select: none;
     user-select: none;

package/styles/components/_m-form-label-field.scss

@@ -53,3 +53,9 @@
     width: 100%;
   }
 }
+
+pry-admin-form-dataset {
+  textarea {
+    resize: both;
+  }
+}

package/styles-theme/components-theme/_m-filter.theme.scss

@@ -1,23 +1,38 @@
-/* Theme - Atom a-icon */
+@use '../../styles/abstracts' as *;
+@use '../abstracts-theme/variables.theme' as *;
+
+/* Theme - Molecule m-filter */
 
 .m-filter {
   display: flex;
   align-items: center;
 
   &__input-wrapper {
-    border: 1px #BCCAD8 solid;
-    background: #ffffff;
+    border: 1px solid themed($theme-map, 'color', 'primary', 400);
+    color: themed($theme-map, 'color', 'primary', 700);
+    background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
 
     .pry-select {
       font-size: 12px;
     }
+
+    &:has(input:focus) {
+      outline: 2px solid themed($theme-map, 'color', 'accent', 600);
+      outline-offset: toRem(2);
+      border-color: themed($theme-map, 'color', 'accent', 600);
+    }
+
+    &:has(input:not(focus)) {
+      outline:none;
+      border-color: themed($theme-map, 'color', 'primary', 400);
+    }
   }
 
   &__label {
     background: transparent;
     font-size: 12px;
     font-weight: bold;
-    color: #424B5A;
+    color: #424B5A; // color for label taken from figma
   }
 
   &__input {

package/widgets/widget-map/utils/widget-map.utils.d.ts

@@ -1,20 +1,26 @@
-import { Attribute, Class, Field, Item, MapWidgetLayerOptions, Relation, ResultSet } from '@provoly/dashboard';
+import { Attribute, AttributeSimpleValue, Class, Field, Item, MapWidgetLayerOptions, Relation, ResultSet } from '@provoly/dashboard';
 import { Feature, Map } from 'ol';
 import { Circle, LineString, Point } from 'ol/geom';
 import { Style } from 'ol/style';
-export declare const populateLocationAttribute: (layer: MapWidgetLayerOptions, resultSet: ResultSet, classesNotFiltered: Class[], fields: Field[]) => void;
-export declare const populateIntensityAttribute: (layer: MapWidgetLayerOptions, resultSet: ResultSet, classesNotFiltered: Class[], fields: Field[]) => void;
-export declare const getFeatureFromItem: (item: Item, type: string, locationAttribute: Attribute, iconStyle?: Style, selectedIconStyle?: Style) => Feature<import("ol/geom/Geometry").default>;
-export declare const getCircleFeatureFromItem: (item: Item, locationAttribute: Attribute, radius: number, iconStyle: Style, selectedIconStyle: Style) => Feature<Circle>;
-export declare const getLinkFeature: (relation: Relation, featureSource: Feature<Point>, featureDestination: Feature<Point>) => Feature<LineString>;
-export declare const getMapAsPng: (map: Map) => Promise<string>;
-export declare const exportMapAsImage: (map: Map, filename: string) => void;
-export declare const geometryForLayer: (layer: MapWidgetLayerOptions) => string;
-export declare const assignLayersOrder: (_layers: MapWidgetLayerOptions[]) => MapWidgetLayerOptions[];
-export declare const DEFAULT_HEATMAP_RADIUS = 25;
-export declare const DEFAULT_RADIUS_INTENSITY_FACTOR = 10000;
-export declare const DEFAULT_ZOOM_MIN = 3;
-export declare const DEFAULT_ZOOM_START = 10;
-export declare const DEFAULT_ZOOM_MAX = 18;
-export declare const DEFAULT_MAP_CENTER: number[];
-export declare const BACKGROUND_ORDER = 9999;
+import { ProjectionLike } from 'ol/proj';
+import Geometry from 'ol/geom/Geometry';
+export declare class WidgetMapUtils {
+    static populateLocationAttribute(layer: MapWidgetLayerOptions, resultSet: ResultSet, classesNotFiltered: Class[], fields: Field[]): void;
+    static populateIntensityAttribute(layer: MapWidgetLayerOptions, resultSet: ResultSet, classesNotFiltered: Class[], fields: Field[]): void;
+    static getFeatureFromItem(projection: ProjectionLike, item: Item, type: string, locationAttribute: Attribute, iconStyle?: Style, selectedIconStyle?: Style): Feature<Geometry>;
+    static getCircleFeatureFromItem(projection: ProjectionLike, item: Item, locationAttribute: Attribute, radius: number, iconStyle: Style, selectedIconStyle: Style): Feature<Circle>;
+    static getLinkFeature(relation: Relation, featureSource: Feature<Point>, featureDestination: Feature<Point>): Feature<LineString>;
+    static getMapAsPng(map: Map): Promise<string>;
+    static exportMapAsImage(map: Map, filename: string): void;
+    static geometryForLayer(layer: MapWidgetLayerOptions): string;
+    static assignLayersOrder(_layers: MapWidgetLayerOptions[]): MapWidgetLayerOptions[];
+    static readGeometry<T extends 'point' | 'line' | 'multi-line' | 'polygon' | 'multi-polygon'>(projection: ProjectionLike, item: Item, type: T, attribute: Attribute | undefined): Geometry | null | undefined;
+    static extractGeometries(value: AttributeSimpleValue, points: any[], type: 'point' | 'line' | 'polygon'): void;
+    static DEFAULT_HEATMAP_RADIUS: number;
+    static DEFAULT_RADIUS_INTENSITY_FACTOR: number;
+    static DEFAULT_ZOOM_MIN: number;
+    static DEFAULT_ZOOM_START: number;
+    static DEFAULT_ZOOM_MAX: number;
+    static DEFAULT_MAP_CENTER: number[];
+    static BACKGROUND_ORDER: number;
+}