@provoly/dashboard 0.21.4 → 0.21.5

package/widgets/widget-map/style/_o-layer-legend.scss

@@ -1,21 +1,14 @@
 @use '../../../styles/abstracts/index' as *;
 
-.m-layer-legend {
+.m-map-layer-action {
+  display: flex;
+  gap: toRem(6);
   z-index: 2;
   right: toRem(8);
 
   &.ol-control {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-
     border: none;
-    background: white;
-  }
-
-  button {
-    background-color: #fafafa !important;
-    color: black;
+    background-color: transparent;
   }
 
   .-hidden {
@@ -23,17 +16,45 @@
   }
 
   &__toggle {
-    align-self: flex-end;
+    order: 2;
     width: toRem(30);
     height: toRem(30);
   }
 
+  button {
+    background-color: #fafafa !important;
+    color: #113b6e;
+  }
+
   &__title {
     display: flex;
     flex-direction: row;
     align-items: center;
+    font-size: 12px;
+
+    &:hover {
+      cursor: pointer;
+      background-color: #fafafa !important;
+    }
+  }
+
+  &__container {
+    color: #113b6e;
     background-color: white;
-    justify-content: space-between;
+    border-radius: toRem(2);
+    padding: toRem(5) toRem(8);
+
+    .a-h4 {
+      font-size: 12px;
+    }
+
+    button.m-map-layer-action__toggle {
+      border-radius: 50%;
+
+      &:hover {
+        outline: none;
+      }
+    }
   }
 
   &__image {
@@ -47,53 +68,21 @@
   }
 }
 
-.m-layer-switcher {
-  z-index: 2;
-  right: toRem(8);
-  display: flex;
-  flex-direction: column;
-  align-items: normal;
-
-  &.ol-control {
-    border: none;
-    background: white;
-    align-self: flex-end;
-  }
-
-  button {
-    background-color: #fafafa !important;
-    color: black;
-  }
-
-  .-hidden {
-    display: none;
-  }
-
-  &__toggle {
-    width: toRem(30);
-    height: toRem(30);
-    align-self: flex-end;
-  }
-
+.m-layer-legend {
   &__title {
-    display: flex;
-    flex-direction: row;
-    background-color: white;
-    justify-content: space-between;
-    gap: toRem(10);
-    padding: 5px;
+    align-items: flex-start;
+    gap: toRem(5);
   }
 
-  &__image {
-    background: white;
-    overflow: scroll;
+  &__dropdown-icon {
+    margin-top: toRem(2);
   }
+}
 
-  &__error {
-    font-style: italic;
-    color: #c74646;
+.m-layer-switcher {
+  &__title {
+    align-items: flex-start;
   }
-
 }
 
 .m-map-slide-legend {

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

@@ -1,6 +1,6 @@
-import { Class, FilterContext } from '@provoly/dashboard';
+import { Class, Field, FilterContext } from '@provoly/dashboard';
 export declare class CqlUtils {
     static getCQLParamsFor(datasourceId: string, filters: {
         [p: string]: FilterContext[];
-    }, classes: Class[]): string | null;
+    }, classes: Class[], fields: Field[]): string | null;
 }

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

@@ -4,7 +4,9 @@ import { Circle, LineString, Point } from 'ol/geom';
 import { Style } from 'ol/style';
 import { ProjectionLike } from 'ol/proj';
 import Geometry from 'ol/geom/Geometry';
+import { GeoJSON } from 'ol/format';
 export declare class WidgetMapUtils {
+    static geoJSON: GeoJSON;
     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>;