@eeacms/volto-arcgis-block 0.1.242 → 0.1.244
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 +8 -0
- package/package.json +1 -1
- package/src/components/MapViewer/AreaWidget.jsx +6 -0
- package/src/components/MapViewer/BasemapWidget.jsx +11 -1
- package/src/components/MapViewer/BookmarkWidget.jsx +11 -1
- package/src/components/MapViewer/HotspotWidget.jsx +11 -1
- package/src/components/MapViewer/InfoWidget.jsx +11 -1
- package/src/components/MapViewer/LegendWidget.jsx +11 -1
- package/src/components/MapViewer/MeasurementWidget.jsx +11 -1
- package/src/components/MapViewer/MenuWidget.jsx +8 -1
- package/src/components/MapViewer/PrintWidget.jsx +11 -1
- package/src/components/MapViewer/SwipeWidget.jsx +11 -1
- package/src/components/MapViewer/TimesliderWidget.jsx +12 -12
- package/src/components/MapViewer/css/ArcgisMap.css +15 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,14 @@ 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
|
+
### [0.1.244](https://github.com/eea/volto-arcgis-block/compare/0.1.243...0.1.244) - 19 December 2023
|
|
8
|
+
|
|
9
|
+
### [0.1.243](https://github.com/eea/volto-arcgis-block/compare/0.1.242...0.1.243) - 15 December 2023
|
|
10
|
+
|
|
11
|
+
#### :hammer_and_wrench: Others
|
|
12
|
+
|
|
13
|
+
- CLMS-2925-CLMS-2923 (Feat): Lint [Urkorue - [`daf5a97`](https://github.com/eea/volto-arcgis-block/commit/daf5a97a9d3af138eb2aa6dea5b93fbab2707955)]
|
|
14
|
+
- CLMS-2925-CLMS-2923 (Feat): Calendar styles and Ctrl-Alt-Sup bug [Urkorue - [`868eb21`](https://github.com/eea/volto-arcgis-block/commit/868eb2161c5dde8c3ab43318d06bc524550cc3db)]
|
|
7
15
|
### [0.1.242](https://github.com/eea/volto-arcgis-block/compare/0.1.241...0.1.242) - 12 December 2023
|
|
8
16
|
|
|
9
17
|
#### :hammer_and_wrench: Others
|
package/package.json
CHANGED
|
@@ -457,6 +457,9 @@ class AreaWidget extends React.Component {
|
|
|
457
457
|
if (
|
|
458
458
|
!e.altKey &&
|
|
459
459
|
e.code !== 'Tab' &&
|
|
460
|
+
!e.ctrlKey &&
|
|
461
|
+
e.code !== 'Delete' &&
|
|
462
|
+
!e.shiftKey &&
|
|
460
463
|
!e.code.startsWith('F')
|
|
461
464
|
) {
|
|
462
465
|
this.openMenu(this);
|
|
@@ -478,6 +481,9 @@ class AreaWidget extends React.Component {
|
|
|
478
481
|
if (
|
|
479
482
|
!e.altKey &&
|
|
480
483
|
e.code !== 'Tab' &&
|
|
484
|
+
!e.ctrlKey &&
|
|
485
|
+
e.code !== 'Delete' &&
|
|
486
|
+
!e.shiftKey &&
|
|
481
487
|
!e.code.startsWith('F')
|
|
482
488
|
) {
|
|
483
489
|
this.openMenu(this);
|
|
@@ -261,7 +261,14 @@ class BasemapWidget extends React.Component {
|
|
|
261
261
|
aria-label="Basemap gallery"
|
|
262
262
|
onClick={this.openMenu.bind(this)}
|
|
263
263
|
onKeyDown={(e) => {
|
|
264
|
-
if (
|
|
264
|
+
if (
|
|
265
|
+
!e.altKey &&
|
|
266
|
+
e.code !== 'Tab' &&
|
|
267
|
+
!e.ctrlKey &&
|
|
268
|
+
e.code !== 'Delete' &&
|
|
269
|
+
!e.shiftKey &&
|
|
270
|
+
!e.code.startsWith('F')
|
|
271
|
+
) {
|
|
265
272
|
this.openMenu(this);
|
|
266
273
|
}
|
|
267
274
|
}}
|
|
@@ -279,6 +286,9 @@ class BasemapWidget extends React.Component {
|
|
|
279
286
|
if (
|
|
280
287
|
!e.altKey &&
|
|
281
288
|
e.code !== 'Tab' &&
|
|
289
|
+
!e.ctrlKey &&
|
|
290
|
+
e.code !== 'Delete' &&
|
|
291
|
+
!e.shiftKey &&
|
|
282
292
|
!e.code.startsWith('F')
|
|
283
293
|
) {
|
|
284
294
|
this.openMenu(this);
|
|
@@ -141,7 +141,14 @@ class BookmarkWidget extends React.Component {
|
|
|
141
141
|
aria-label="Bookmark"
|
|
142
142
|
onClick={this.openMenu.bind(this)}
|
|
143
143
|
onKeyDown={(e) => {
|
|
144
|
-
if (
|
|
144
|
+
if (
|
|
145
|
+
!e.altKey &&
|
|
146
|
+
e.code !== 'Tab' &&
|
|
147
|
+
!e.ctrlKey &&
|
|
148
|
+
e.code !== 'Delete' &&
|
|
149
|
+
!e.shiftKey &&
|
|
150
|
+
!e.code.startsWith('F')
|
|
151
|
+
) {
|
|
145
152
|
this.openMenu(this);
|
|
146
153
|
}
|
|
147
154
|
}}
|
|
@@ -159,6 +166,9 @@ class BookmarkWidget extends React.Component {
|
|
|
159
166
|
if (
|
|
160
167
|
!e.altKey &&
|
|
161
168
|
e.code !== 'Tab' &&
|
|
169
|
+
!e.ctrlKey &&
|
|
170
|
+
e.code !== 'Delete' &&
|
|
171
|
+
!e.shiftKey &&
|
|
162
172
|
!e.code.startsWith('F')
|
|
163
173
|
) {
|
|
164
174
|
this.openMenu(this);
|
|
@@ -741,7 +741,14 @@ class HotspotWidget extends React.Component {
|
|
|
741
741
|
aria-label="Hotspot"
|
|
742
742
|
onClick={this.openMenu.bind(this)}
|
|
743
743
|
onKeyDown={(e) => {
|
|
744
|
-
if (
|
|
744
|
+
if (
|
|
745
|
+
!e.altKey &&
|
|
746
|
+
e.code !== 'Tab' &&
|
|
747
|
+
!e.ctrlKey &&
|
|
748
|
+
e.code !== 'Delete' &&
|
|
749
|
+
!e.shiftKey &&
|
|
750
|
+
!e.code.startsWith('F')
|
|
751
|
+
) {
|
|
745
752
|
this.openMenu(this);
|
|
746
753
|
}
|
|
747
754
|
}}
|
|
@@ -759,6 +766,9 @@ class HotspotWidget extends React.Component {
|
|
|
759
766
|
if (
|
|
760
767
|
!e.altKey &&
|
|
761
768
|
e.code !== 'Tab' &&
|
|
769
|
+
!e.ctrlKey &&
|
|
770
|
+
e.code !== 'Delete' &&
|
|
771
|
+
!e.shiftKey &&
|
|
762
772
|
!e.code.startsWith('F')
|
|
763
773
|
) {
|
|
764
774
|
this.openMenu(this);
|
|
@@ -941,7 +941,14 @@ class InfoWidget extends React.Component {
|
|
|
941
941
|
aria-label="Layer info"
|
|
942
942
|
onClick={this.openMenu.bind(this)}
|
|
943
943
|
onKeyDown={(e) => {
|
|
944
|
-
if (
|
|
944
|
+
if (
|
|
945
|
+
!e.altKey &&
|
|
946
|
+
e.code !== 'Tab' &&
|
|
947
|
+
!e.ctrlKey &&
|
|
948
|
+
e.code !== 'Delete' &&
|
|
949
|
+
!e.shiftKey &&
|
|
950
|
+
!e.code.startsWith('F')
|
|
951
|
+
) {
|
|
945
952
|
this.openMenu(this);
|
|
946
953
|
}
|
|
947
954
|
}}
|
|
@@ -959,6 +966,9 @@ class InfoWidget extends React.Component {
|
|
|
959
966
|
if (
|
|
960
967
|
!e.altKey &&
|
|
961
968
|
e.code !== 'Tab' &&
|
|
969
|
+
!e.ctrlKey &&
|
|
970
|
+
e.code !== 'Delete' &&
|
|
971
|
+
!e.shiftKey &&
|
|
962
972
|
!e.code.startsWith('F')
|
|
963
973
|
) {
|
|
964
974
|
this.openMenu(this);
|
|
@@ -302,7 +302,14 @@ class LegendWidget extends React.Component {
|
|
|
302
302
|
aria-label="Legend"
|
|
303
303
|
onClick={this.openMenu.bind(this)}
|
|
304
304
|
onKeyDown={(e) => {
|
|
305
|
-
if (
|
|
305
|
+
if (
|
|
306
|
+
!e.altKey &&
|
|
307
|
+
e.code !== 'Tab' &&
|
|
308
|
+
!e.ctrlKey &&
|
|
309
|
+
e.code !== 'Delete' &&
|
|
310
|
+
!e.shiftKey &&
|
|
311
|
+
!e.code.startsWith('F')
|
|
312
|
+
) {
|
|
306
313
|
this.openMenu(this);
|
|
307
314
|
}
|
|
308
315
|
}}
|
|
@@ -320,6 +327,9 @@ class LegendWidget extends React.Component {
|
|
|
320
327
|
if (
|
|
321
328
|
!e.altKey &&
|
|
322
329
|
e.code !== 'Tab' &&
|
|
330
|
+
!e.ctrlKey &&
|
|
331
|
+
e.code !== 'Delete' &&
|
|
332
|
+
!e.shiftKey &&
|
|
323
333
|
!e.code.startsWith('F')
|
|
324
334
|
) {
|
|
325
335
|
this.openMenu(this);
|
|
@@ -201,7 +201,14 @@ class MeasurementWidget extends React.Component {
|
|
|
201
201
|
aria-label="Measurement"
|
|
202
202
|
onClick={this.openMenu.bind(this)}
|
|
203
203
|
onKeyDown={(e) => {
|
|
204
|
-
if (
|
|
204
|
+
if (
|
|
205
|
+
!e.altKey &&
|
|
206
|
+
e.code !== 'Tab' &&
|
|
207
|
+
!e.ctrlKey &&
|
|
208
|
+
e.code !== 'Delete' &&
|
|
209
|
+
!e.shiftKey &&
|
|
210
|
+
!e.code.startsWith('F')
|
|
211
|
+
) {
|
|
205
212
|
this.openMenu(this);
|
|
206
213
|
}
|
|
207
214
|
}}
|
|
@@ -219,6 +226,9 @@ class MeasurementWidget extends React.Component {
|
|
|
219
226
|
if (
|
|
220
227
|
!e.altKey &&
|
|
221
228
|
e.code !== 'Tab' &&
|
|
229
|
+
!e.ctrlKey &&
|
|
230
|
+
e.code !== 'Delete' &&
|
|
231
|
+
!e.shiftKey &&
|
|
222
232
|
!e.code.startsWith('F')
|
|
223
233
|
) {
|
|
224
234
|
this.openMenu(this);
|
|
@@ -3838,7 +3838,14 @@ class MenuWidget extends React.Component {
|
|
|
3838
3838
|
aria-label="Menu of products"
|
|
3839
3839
|
onClick={this.openMenu.bind(this)}
|
|
3840
3840
|
onKeyDown={(e) => {
|
|
3841
|
-
if (
|
|
3841
|
+
if (
|
|
3842
|
+
!e.altKey &&
|
|
3843
|
+
e.code !== 'Tab' &&
|
|
3844
|
+
!e.ctrlKey &&
|
|
3845
|
+
e.code !== 'Delete' &&
|
|
3846
|
+
!e.shiftKey &&
|
|
3847
|
+
!e.code.startsWith('F')
|
|
3848
|
+
) {
|
|
3842
3849
|
this.openMenu(this);
|
|
3843
3850
|
}
|
|
3844
3851
|
}}
|
|
@@ -223,7 +223,14 @@ class PrintWidget extends React.Component {
|
|
|
223
223
|
aria-label="Print"
|
|
224
224
|
onClick={this.openMenu.bind(this)}
|
|
225
225
|
onKeyDown={(e) => {
|
|
226
|
-
if (
|
|
226
|
+
if (
|
|
227
|
+
!e.altKey &&
|
|
228
|
+
e.code !== 'Tab' &&
|
|
229
|
+
!e.ctrlKey &&
|
|
230
|
+
e.code !== 'Delete' &&
|
|
231
|
+
!e.shiftKey &&
|
|
232
|
+
!e.code.startsWith('F')
|
|
233
|
+
) {
|
|
227
234
|
this.openMenu(this);
|
|
228
235
|
}
|
|
229
236
|
}}
|
|
@@ -241,6 +248,9 @@ class PrintWidget extends React.Component {
|
|
|
241
248
|
if (
|
|
242
249
|
!e.altKey &&
|
|
243
250
|
e.code !== 'Tab' &&
|
|
251
|
+
!e.ctrlKey &&
|
|
252
|
+
e.code !== 'Delete' &&
|
|
253
|
+
!e.shiftKey &&
|
|
244
254
|
!e.code.startsWith('F')
|
|
245
255
|
) {
|
|
246
256
|
this.openMenu(this);
|
|
@@ -324,7 +324,14 @@ class SwipeWidget extends React.Component {
|
|
|
324
324
|
aria-label="Swipe"
|
|
325
325
|
onClick={this.openMenu.bind(this)} //aqui deberían ir ocultar panel y mas abajo cerrar (pasar a 3d)
|
|
326
326
|
onKeyDown={(e) => {
|
|
327
|
-
if (
|
|
327
|
+
if (
|
|
328
|
+
!e.altKey &&
|
|
329
|
+
e.code !== 'Tab' &&
|
|
330
|
+
!e.ctrlKey &&
|
|
331
|
+
e.code !== 'Delete' &&
|
|
332
|
+
!e.shiftKey &&
|
|
333
|
+
!e.code.startsWith('F')
|
|
334
|
+
) {
|
|
328
335
|
this.openMenu(this);
|
|
329
336
|
}
|
|
330
337
|
}}
|
|
@@ -343,6 +350,9 @@ class SwipeWidget extends React.Component {
|
|
|
343
350
|
if (
|
|
344
351
|
!e.altKey &&
|
|
345
352
|
e.code !== 'Tab' &&
|
|
353
|
+
!e.ctrlKey &&
|
|
354
|
+
e.code !== 'Delete' &&
|
|
355
|
+
!e.shiftKey &&
|
|
346
356
|
!e.code.startsWith('F')
|
|
347
357
|
) {
|
|
348
358
|
this.openMenu(this);
|
|
@@ -618,6 +618,18 @@ class TimesliderWidget extends React.Component {
|
|
|
618
618
|
onDragStart={(e) => this.onDragStart(e)}
|
|
619
619
|
style={this.state.styles}
|
|
620
620
|
>
|
|
621
|
+
<div className="datepicker">
|
|
622
|
+
<DatePicker
|
|
623
|
+
id="start_date"
|
|
624
|
+
showIcon
|
|
625
|
+
inline
|
|
626
|
+
onChange={(date) => this.setDatepick(date)}
|
|
627
|
+
dateFormat="dd.MM.yyyy"
|
|
628
|
+
dropdownMode="select"
|
|
629
|
+
showMonthDropdown
|
|
630
|
+
showYearDropdown
|
|
631
|
+
></DatePicker>
|
|
632
|
+
</div>
|
|
621
633
|
<div className="datetime-picker">
|
|
622
634
|
<button
|
|
623
635
|
className="calendar-button"
|
|
@@ -626,18 +638,6 @@ class TimesliderWidget extends React.Component {
|
|
|
626
638
|
>
|
|
627
639
|
<Icon name={calendarSVG} size={25} />
|
|
628
640
|
</button>
|
|
629
|
-
<div className="datepicker">
|
|
630
|
-
<DatePicker
|
|
631
|
-
id="start_date"
|
|
632
|
-
showIcon
|
|
633
|
-
inline
|
|
634
|
-
onChange={(date) => this.setDatepick(date)}
|
|
635
|
-
dateFormat="dd.MM.yyyy"
|
|
636
|
-
dropdownMode="select"
|
|
637
|
-
showMonthDropdown
|
|
638
|
-
showYearDropdown
|
|
639
|
-
></DatePicker>
|
|
640
|
-
</div>
|
|
641
641
|
</div>
|
|
642
642
|
<div className="timeslider-panel"></div>
|
|
643
643
|
</div>
|
|
@@ -1032,12 +1032,26 @@ div.esri-popover
|
|
|
1032
1032
|
}
|
|
1033
1033
|
|
|
1034
1034
|
.calendar-button {
|
|
1035
|
+
border: #a0b128;
|
|
1036
|
+
margin-top: 0.5rem;
|
|
1037
|
+
margin-left: 11rem;
|
|
1038
|
+
background-color: white;
|
|
1035
1039
|
color: #a0b128;
|
|
1036
1040
|
}
|
|
1037
1041
|
|
|
1042
|
+
.calendar-button:hover {
|
|
1043
|
+
background-color: #a0b128;
|
|
1044
|
+
color: white;
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1038
1047
|
.datepicker {
|
|
1039
1048
|
display: none;
|
|
1040
|
-
margin-
|
|
1049
|
+
margin-top: 0.5rem;
|
|
1050
|
+
margin-left: 4.5em;
|
|
1051
|
+
}
|
|
1052
|
+
|
|
1053
|
+
.timeslider-container {
|
|
1054
|
+
background-color: white;
|
|
1041
1055
|
}
|
|
1042
1056
|
|
|
1043
1057
|
/* Scale */
|