Chore: Bump dompurify (#101195)

* chore(frontend): bump dompurify to 3.2.4

* refactor(geomap): update photosLauyer shadow for newer ol-ext changes

* Remove displacement

---------

Co-authored-by: drew08t <drew08@gmail.com>

package.json

@@ -128,7 +128,7 @@
     "@types/lucene": "^2",
     "@types/node": "22.12.0",
     "@types/node-forge": "^1",
-    "@types/ol-ext": "npm:@siedlerchr/types-ol-ext@3.2.4",
+    "@types/ol-ext": "npm:@siedlerchr/types-ol-ext@3.3.0",
     "@types/pluralize": "^0.0.33",
     "@types/prismjs": "1.26.5",
     "@types/react": "18.3.18",
@@ -437,7 +437,8 @@
     "react-grid-layout": "patch:react-grid-layout@npm%3A1.4.4#~/.yarn/patches/react-grid-layout-npm-1.4.4-4024c5395b.patch",
     "@grafana/plugin-e2e/@grafana/e2e-selectors": "workspace:*",
     "@grafana/scenes/@grafana/e2e-selectors": "workspace:*",
-    "@grafana/scenes-react/@grafana/e2e-selectors": "workspace:*"
+    "@grafana/scenes-react/@grafana/e2e-selectors": "workspace:*",
+    "swagger-ui-react/dompurify": "3.2.4"
   },
   "workspaces": {
     "packages": [

public/app/plugins/panel/geomap/layers/data/photosLayer.tsx

@@ -4,15 +4,7 @@ import VectorImage from 'ol/layer/VectorImage';
 import { Stroke, Style } from 'ol/style';
 import Photo from 'ol-ext/style/Photo';
 
-import {
-  MapLayerRegistryItem,
-  PanelData,
-  GrafanaTheme2,
-  EventBus,
-  PluginState,
-  FieldType,
-  Field,
-} from '@grafana/data';
+import { MapLayerRegistryItem, PanelData, GrafanaTheme2, EventBus, PluginState, FieldType, Field } from '@grafana/data';
 import { FrameGeometrySourceMode, MapLayerOptions } from '@grafana/schema';
 import { findField } from 'app/features/dimensions';
 import { FrameVectorSource } from 'app/features/geo/utils/frameVectorSource';
@@ -105,7 +97,7 @@ export const photosLayer: MapLayerRegistryItem<PhotoConfig> = {
           radius: config.radius,
           crop: config.crop,
           kind: config.kind,
-          shadow: false,
+          shadow: 0,
           stroke: new Stroke({
             width: 0,
             color: 'rgba(0,0,0,0)',
@@ -124,7 +116,7 @@ export const photosLayer: MapLayerRegistryItem<PhotoConfig> = {
           radius: config.radius,
           crop: false,
           kind: config.kind,
-          shadow: config.shadow,
+          shadow: config.shadow ? 2 : 0,
           stroke: new Stroke({
             width: config.border ?? 0,
             color: theme.visualization.getColorByName(config.color),
@@ -140,7 +132,7 @@ export const photosLayer: MapLayerRegistryItem<PhotoConfig> = {
           radius: config.radius,
           crop: false,
           kind: config.kind,
-          shadow: false,
+          shadow: 0,
           stroke: new Stroke({
             width: 0,
             color: 'rgba(0,0,0,0)',