@eeacms/volto-n2k 1.1.1 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -4,11 +4,15 @@ All notable changes to this project will be documented in this file. Dates are d
|
|
|
4
4
|
|
|
5
5
|
Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
|
|
6
6
|
|
|
7
|
-
### [1.1.
|
|
7
|
+
### [1.1.2](https://github.com/eea/volto-n2k/compare/1.1.1...1.1.2) - 11 December 2024
|
|
8
8
|
|
|
9
9
|
#### :hammer_and_wrench: Others
|
|
10
10
|
|
|
11
|
-
-
|
|
11
|
+
- don't run cypress [Miu Razvan - [`3ff98b8`](https://github.com/eea/volto-n2k/commit/3ff98b8b0da5b594e701c517c562df31f8bdaf82)]
|
|
12
|
+
- fix tests [Miu Razvan - [`0b2d0e0`](https://github.com/eea/volto-n2k/commit/0b2d0e0c5317bc6ac81da56d2bb225ae8d782085)]
|
|
13
|
+
- Fix habitats/species banner, ref #278618 [Miu Razvan - [`b73d5c7`](https://github.com/eea/volto-n2k/commit/b73d5c73ca3f6d77c0bf0058bed453d404015e03)]
|
|
14
|
+
### [1.1.1](https://github.com/eea/volto-n2k/compare/1.1.0...1.1.1) - 13 November 2024
|
|
15
|
+
|
|
12
16
|
### [1.1.0](https://github.com/eea/volto-n2k/compare/1.0.35...1.1.0) - 7 November 2024
|
|
13
17
|
|
|
14
18
|
#### :bug: Bug Fixes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eeacms/volto-n2k",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.2",
|
|
4
4
|
"description": "volto-n2k: Volto add-on",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"author": "European Environment Agency: IDM2 A-Team",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"@eeacms/volto-datablocks": "*",
|
|
28
28
|
"@eeacms/volto-openlayers-map": "*",
|
|
29
29
|
"@eeacms/volto-resize-helper": "*",
|
|
30
|
-
"@eeacms/volto-spotlight": "*",
|
|
31
30
|
"@eeacms/volto-tabs-block": "*",
|
|
31
|
+
"@eeacms/volto-spotlight": "*",
|
|
32
32
|
"d3": "^7.6.1",
|
|
33
33
|
"d3-shape": "^3.1.0",
|
|
34
34
|
"react-lazy-load-image-component": "1.5.1",
|
|
@@ -104,77 +104,82 @@ const View = (props) => {
|
|
|
104
104
|
/* eslint-disable-next-line */
|
|
105
105
|
}, [JSON.stringify(activePageResults)]);
|
|
106
106
|
|
|
107
|
+
if (__SERVER__) return null;
|
|
108
|
+
|
|
107
109
|
return (
|
|
108
|
-
|
|
109
|
-
<div className="explore-habitats">
|
|
110
|
-
<
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
<
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
color: '#00A390',
|
|
132
|
-
// color: '#F8E473',
|
|
133
|
-
width: 3,
|
|
134
|
-
}),
|
|
135
|
-
image: new style.Circle({
|
|
136
|
-
radius: 5,
|
|
137
|
-
fill: new style.Fill({ color: 'rgba(4, 167, 125,0.6)' }),
|
|
138
|
-
// fill: new style.Fill({ color: 'rgba(248,228,115,0.6)' }),
|
|
110
|
+
__CLIENT__ && (
|
|
111
|
+
<div className="explore-habitats-wrapper full-width">
|
|
112
|
+
<div className="explore-habitats">
|
|
113
|
+
<Map
|
|
114
|
+
view={{
|
|
115
|
+
center: proj.fromLonLat([20, 50]),
|
|
116
|
+
showFullExtent: true,
|
|
117
|
+
zoom: 5,
|
|
118
|
+
...(options.extent ? { extent: options.extent } : {}),
|
|
119
|
+
}}
|
|
120
|
+
pixelRatio={1}
|
|
121
|
+
>
|
|
122
|
+
<Layers>
|
|
123
|
+
<Layer.Tile source={tileWMSSources[0]} zIndex={0} />
|
|
124
|
+
<Layer.Tile source={tileWMSSources[1]} zIndex={1} />
|
|
125
|
+
<Layer.Vector
|
|
126
|
+
source={vectorSource}
|
|
127
|
+
title="highlightLayer"
|
|
128
|
+
style={
|
|
129
|
+
new style.Style({
|
|
130
|
+
fill: new style.Fill({
|
|
131
|
+
color: 'rgba(255,255,255,0.4)',
|
|
132
|
+
}),
|
|
139
133
|
stroke: new style.Stroke({
|
|
140
|
-
color: '
|
|
141
|
-
|
|
134
|
+
color: '#00A390',
|
|
135
|
+
// color: '#F8E473',
|
|
136
|
+
width: 3,
|
|
137
|
+
}),
|
|
138
|
+
image: new style.Circle({
|
|
139
|
+
radius: 5,
|
|
140
|
+
fill: new style.Fill({ color: 'rgba(4, 167, 125,0.6)' }),
|
|
141
|
+
// fill: new style.Fill({ color: 'rgba(248,228,115,0.6)' }),
|
|
142
|
+
stroke: new style.Stroke({
|
|
143
|
+
color: 'rgba(242, 180, 87, 1)',
|
|
144
|
+
width: 2,
|
|
145
|
+
}),
|
|
142
146
|
}),
|
|
143
|
-
})
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
|
|
147
|
+
})
|
|
148
|
+
}
|
|
149
|
+
zIndex={2}
|
|
150
|
+
/>
|
|
151
|
+
</Layers>
|
|
152
|
+
<Controls attribution={true} zoom={false} />
|
|
153
|
+
<Interactions
|
|
154
|
+
doubleClickZoom={true}
|
|
155
|
+
dragAndDrop={false}
|
|
156
|
+
dragPan={true}
|
|
157
|
+
keyboardPan={true}
|
|
158
|
+
keyboardZoom={true}
|
|
159
|
+
mouseWheelZoom={true}
|
|
160
|
+
pointer={false}
|
|
161
|
+
select={false}
|
|
147
162
|
/>
|
|
148
|
-
</
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
163
|
+
</Map>
|
|
164
|
+
</div>
|
|
165
|
+
<Container>
|
|
166
|
+
<Message className="map-info-notice" style={{ color: '#005248' }}>
|
|
167
|
+
<p>
|
|
168
|
+
The designations employed and the presentation of material on this
|
|
169
|
+
map do not imply the expression of any opinion whatsoever on the
|
|
170
|
+
part of the European Union concerning the legal status of any
|
|
171
|
+
country, territory, city or area or of its authorities, or
|
|
172
|
+
concerning the delimitation of its frontiers or boundaries.
|
|
173
|
+
</p>
|
|
174
|
+
<p>
|
|
175
|
+
<strong>Note:</strong> When you perform a search we will highlight
|
|
176
|
+
only the results available on the active page of the results
|
|
177
|
+
table.
|
|
178
|
+
</p>
|
|
179
|
+
</Message>
|
|
180
|
+
</Container>
|
|
161
181
|
</div>
|
|
162
|
-
|
|
163
|
-
<Message className="map-info-notice" style={{ color: '#005248' }}>
|
|
164
|
-
<p>
|
|
165
|
-
The designations employed and the presentation of material on this
|
|
166
|
-
map do not imply the expression of any opinion whatsoever on the
|
|
167
|
-
part of the European Union concerning the legal status of any
|
|
168
|
-
country, territory, city or area or of its authorities, or
|
|
169
|
-
concerning the delimitation of its frontiers or boundaries.
|
|
170
|
-
</p>
|
|
171
|
-
<p>
|
|
172
|
-
<strong>Note:</strong> When you perform a search we will highlight
|
|
173
|
-
only the results available on the active page of the results table.
|
|
174
|
-
</p>
|
|
175
|
-
</Message>
|
|
176
|
-
</Container>
|
|
177
|
-
</div>
|
|
182
|
+
)
|
|
178
183
|
);
|
|
179
184
|
};
|
|
180
185
|
|
|
@@ -11,6 +11,7 @@ import arrowLeft from '@eeacms/volto-n2k/icons/arrow-left.svg';
|
|
|
11
11
|
import arrowRight from '@eeacms/volto-n2k/icons/arrow-right.svg';
|
|
12
12
|
|
|
13
13
|
import './style.less';
|
|
14
|
+
import 'swiper/css';
|
|
14
15
|
|
|
15
16
|
const SwiperLoader = loadable.lib(() => import('swiper'));
|
|
16
17
|
const SwiperReactLoader = loadable.lib(() => import('swiper/react'));
|
|
@@ -114,7 +115,9 @@ const _View = (props) => {
|
|
|
114
115
|
</>
|
|
115
116
|
)}
|
|
116
117
|
{!!attribution_copyright[activeSlide] && (
|
|
117
|
-
<p
|
|
118
|
+
<p title={attribution_copyright[activeSlide]}>
|
|
119
|
+
{attribution_copyright[activeSlide]}
|
|
120
|
+
</p>
|
|
118
121
|
)}
|
|
119
122
|
</div>
|
|
120
123
|
{__CLIENT__ && (
|
|
@@ -12,6 +12,7 @@ import arrowLeft from '@eeacms/volto-n2k/icons/arrow-left.svg';
|
|
|
12
12
|
import arrowRight from '@eeacms/volto-n2k/icons/arrow-right.svg';
|
|
13
13
|
|
|
14
14
|
import './style.less';
|
|
15
|
+
import 'swiper/css';
|
|
15
16
|
|
|
16
17
|
const SwiperLoader = loadable.lib(() => import('swiper'));
|
|
17
18
|
const SwiperReactLoader = loadable.lib(() => import('swiper/react'));
|