datastake-daf 0.6.803 → 0.6.804

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.
Files changed (14) hide show
  1. package/dist/components/index.js +2378 -2340
  2. package/dist/pages/index.js +248 -67
  3. package/dist/style/datastake/mapbox-gl.css +330 -0
  4. package/package.json +1 -1
  5. package/public/Biodiversity/others-default.svg +38 -0
  6. package/public/Biodiversity/others.svg +38 -0
  7. package/public/Biodiversity/unidentified-pests-default.svg +33 -0
  8. package/public/Biodiversity/unidentified-pests.svg +33 -0
  9. package/src/@daf/core/components/Dashboard/Widget/FaunaWidget/config.js +15 -0
  10. package/src/@daf/core/components/Dashboard/Widget/FaunaWidget/index.jsx +83 -0
  11. package/src/@daf/core/components/Dashboard/Widget/InvasiveSpeciesWidget/config.js +11 -0
  12. package/src/@daf/core/components/Dashboard/Widget/InvasiveSpeciesWidget/index.jsx +87 -0
  13. package/src/@daf/pages/Summary/Activities/Monitoring/components/BiodiversityAndHabitat/index.jsx +34 -31
  14. package/src/index.js +2 -0
package/dist/style/datastake/mapbox-gl.css ADDED
@@ -0,0 +1,330 @@
1
+ /* Isolated Mapbox GL CSS - Scoped to prevent Leaflet conflicts */
2
+
3
+ /* Mapbox GL Core Styles - Scoped with .mapbox-gl-scope */
4
+ .mapbox-gl-scope .mapboxgl-map {
5
+ font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
6
+ overflow: hidden;
7
+ position: relative;
8
+ -webkit-tap-highlight-color: rgb(0 0 0/0);
9
+ }
10
+
11
+ .mapbox-gl-scope .mapboxgl-canvas {
12
+ left: 0;
13
+ position: absolute;
14
+ top: 0;
15
+ }
16
+
17
+ .mapbox-gl-scope .mapboxgl-map:-webkit-full-screen {
18
+ height: 100%;
19
+ width: 100%;
20
+ }
21
+
22
+ .mapbox-gl-scope .mapboxgl-canary {
23
+ background-color: salmon;
24
+ }
25
+
26
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive,
27
+ .mapbox-gl-scope .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
28
+ cursor: grab;
29
+ -webkit-user-select: none;
30
+ user-select: none;
31
+ }
32
+
33
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
34
+ cursor: pointer;
35
+ }
36
+
37
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive:active,
38
+ .mapbox-gl-scope .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
39
+ cursor: grabbing;
40
+ }
41
+
42
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
43
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
44
+ touch-action: pan-x pan-y;
45
+ }
46
+
47
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
48
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
49
+ touch-action: pinch-zoom;
50
+ }
51
+
52
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
53
+ .mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
54
+ touch-action: none;
55
+ }
56
+
57
+ /* Control positioning */
58
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom,
59
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-left,
60
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-right,
61
+ .mapbox-gl-scope .mapboxgl-ctrl-left,
62
+ .mapbox-gl-scope .mapboxgl-ctrl-right,
63
+ .mapbox-gl-scope .mapboxgl-ctrl-top,
64
+ .mapbox-gl-scope .mapboxgl-ctrl-top-left,
65
+ .mapbox-gl-scope .mapboxgl-ctrl-top-right {
66
+ pointer-events: none;
67
+ position: absolute;
68
+ z-index: 2;
69
+ }
70
+
71
+ .mapbox-gl-scope .mapboxgl-ctrl-top-left {
72
+ left: 0;
73
+ top: 0;
74
+ }
75
+
76
+ .mapbox-gl-scope .mapboxgl-ctrl-top {
77
+ left: 50%;
78
+ top: 0;
79
+ transform: translateX(-50%);
80
+ }
81
+
82
+ .mapbox-gl-scope .mapboxgl-ctrl-top-right {
83
+ right: 0;
84
+ top: 0;
85
+ }
86
+
87
+ .mapbox-gl-scope .mapboxgl-ctrl-right {
88
+ right: 0;
89
+ top: 50%;
90
+ transform: translateY(-50%);
91
+ }
92
+
93
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-right {
94
+ bottom: 0;
95
+ right: 0;
96
+ }
97
+
98
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom {
99
+ bottom: 0;
100
+ left: 50%;
101
+ transform: translateX(-50%);
102
+ }
103
+
104
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-left {
105
+ bottom: 0;
106
+ left: 0;
107
+ }
108
+
109
+ .mapbox-gl-scope .mapboxgl-ctrl-left {
110
+ left: 0;
111
+ top: 50%;
112
+ transform: translateY(-50%);
113
+ }
114
+
115
+ .mapbox-gl-scope .mapboxgl-ctrl {
116
+ clear: both;
117
+ pointer-events: auto;
118
+ transform: translate(0);
119
+ }
120
+
121
+ .mapbox-gl-scope .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
122
+ float: left;
123
+ margin: 10px 0 0 10px;
124
+ }
125
+
126
+ .mapbox-gl-scope .mapboxgl-ctrl-top .mapboxgl-ctrl {
127
+ float: left;
128
+ margin: 10px 0;
129
+ }
130
+
131
+ .mapbox-gl-scope .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
132
+ float: right;
133
+ margin: 10px 10px 0 0;
134
+ }
135
+
136
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
137
+ .mapbox-gl-scope .mapboxgl-ctrl-right .mapboxgl-ctrl {
138
+ float: right;
139
+ margin: 0 10px 10px 0;
140
+ }
141
+
142
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom .mapboxgl-ctrl {
143
+ float: left;
144
+ margin: 10px 0;
145
+ }
146
+
147
+ .mapbox-gl-scope .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
148
+ .mapbox-gl-scope .mapboxgl-ctrl-left .mapboxgl-ctrl {
149
+ float: left;
150
+ margin: 0 0 10px 10px;
151
+ }
152
+
153
+ /* Control group styling */
154
+ .mapbox-gl-scope .mapboxgl-ctrl-group {
155
+ background: #fff;
156
+ border-radius: 4px;
157
+ }
158
+
159
+ .mapbox-gl-scope .mapboxgl-ctrl-group:not(:empty) {
160
+ box-shadow: 0 0 0 2px #0000001a;
161
+ }
162
+
163
+ .mapbox-gl-scope .mapboxgl-ctrl-group button {
164
+ background-color: initial;
165
+ border: 0;
166
+ box-sizing: border-box;
167
+ cursor: pointer;
168
+ display: block;
169
+ height: 29px;
170
+ outline: none;
171
+ overflow: hidden;
172
+ padding: 0;
173
+ width: 29px;
174
+ }
175
+
176
+ .mapbox-gl-scope .mapboxgl-ctrl-group button+button {
177
+ border-top: 1px solid #ddd;
178
+ }
179
+
180
+ .mapbox-gl-scope .mapboxgl-ctrl button .mapboxgl-ctrl-icon {
181
+ background-position: 50%;
182
+ background-repeat: no-repeat;
183
+ display: block;
184
+ height: 100%;
185
+ width: 100%;
186
+ }
187
+
188
+ .mapbox-gl-scope .mapboxgl-ctrl-attrib-button:focus,
189
+ .mapbox-gl-scope .mapboxgl-ctrl-group button:focus {
190
+ box-shadow: 0 0 2px 2px #0096ff;
191
+ }
192
+
193
+ .mapbox-gl-scope .mapboxgl-ctrl button:disabled {
194
+ cursor: not-allowed;
195
+ }
196
+
197
+ .mapbox-gl-scope .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
198
+ opacity: .25;
199
+ }
200
+
201
+ .mapbox-gl-scope .mapboxgl-ctrl-group button:first-child {
202
+ border-radius: 4px 4px 0 0;
203
+ }
204
+
205
+ .mapbox-gl-scope .mapboxgl-ctrl-group button:last-child {
206
+ border-radius: 0 0 4px 4px;
207
+ }
208
+
209
+ .mapbox-gl-scope .mapboxgl-ctrl-group button:only-child {
210
+ border-radius: inherit;
211
+ }
212
+
213
+ .mapbox-gl-scope .mapboxgl-ctrl button:not(:disabled):hover {
214
+ background-color: #0000000d;
215
+ }
216
+
217
+ /* Marker styles */
218
+ .mapbox-gl-scope .mapboxgl-marker {
219
+ position: absolute;
220
+ z-index: 1;
221
+ }
222
+
223
+ .mapbox-gl-scope .mapboxgl-marker svg {
224
+ display: block;
225
+ }
226
+
227
+ /* Popup styles */
228
+ .mapbox-gl-scope .mapboxgl-popup {
229
+ position: absolute;
230
+ text-align: center;
231
+ margin-bottom: 20px;
232
+ }
233
+
234
+ .mapbox-gl-scope .mapboxgl-popup-content-wrapper {
235
+ padding: 1px;
236
+ text-align: left;
237
+ border-radius: 12px;
238
+ }
239
+
240
+ .mapbox-gl-scope .mapboxgl-popup-content {
241
+ margin: 13px 24px 13px 20px;
242
+ line-height: 1.3;
243
+ font-size: 13px;
244
+ min-height: 1px;
245
+ }
246
+
247
+ .mapbox-gl-scope .mapboxgl-popup-content p {
248
+ margin: 17px 0;
249
+ }
250
+
251
+ .mapbox-gl-scope .mapboxgl-popup-tip-container {
252
+ width: 40px;
253
+ height: 20px;
254
+ position: absolute;
255
+ left: 50%;
256
+ margin-top: -1px;
257
+ margin-left: -20px;
258
+ overflow: hidden;
259
+ pointer-events: none;
260
+ }
261
+
262
+ .mapbox-gl-scope .mapboxgl-popup-tip {
263
+ width: 17px;
264
+ height: 17px;
265
+ padding: 1px;
266
+ margin: -10px auto 0;
267
+ pointer-events: auto;
268
+ -webkit-transform: rotate(45deg);
269
+ -moz-transform: rotate(45deg);
270
+ -ms-transform: rotate(45deg);
271
+ transform: rotate(45deg);
272
+ }
273
+
274
+ .mapbox-gl-scope .mapboxgl-popup-content-wrapper,
275
+ .mapbox-gl-scope .mapboxgl-popup-tip {
276
+ background: white;
277
+ color: #333;
278
+ box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
279
+ }
280
+
281
+ .mapbox-gl-scope .mapboxgl-popup-close-button {
282
+ position: absolute;
283
+ top: 0;
284
+ right: 0;
285
+ border: none;
286
+ text-align: center;
287
+ width: 24px;
288
+ height: 24px;
289
+ font: 16px/24px Tahoma, Verdana, sans-serif;
290
+ color: #757575;
291
+ text-decoration: none;
292
+ background: transparent;
293
+ }
294
+
295
+ .mapbox-gl-scope .mapboxgl-popup-close-button:hover,
296
+ .mapbox-gl-scope .mapboxgl-popup-close-button:focus {
297
+ color: #585858;
298
+ }
299
+
300
+ /* Attribution */
301
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution {
302
+ background: #fff;
303
+ background: rgba(255, 255, 255, 0.8);
304
+ margin: 0;
305
+ }
306
+
307
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution,
308
+ .mapbox-gl-scope .mapboxgl-ctrl-scale-line {
309
+ padding: 0 5px;
310
+ color: #333;
311
+ line-height: 1.4;
312
+ }
313
+
314
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution a {
315
+ text-decoration: none;
316
+ }
317
+
318
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution a:hover,
319
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution a:focus {
320
+ text-decoration: underline;
321
+ }
322
+
323
+ /* Hide attribution by default */
324
+ .mapbox-gl-scope .mapboxgl-ctrl-attribution {
325
+ display: none !important;
326
+ }
327
+
328
+ .mapbox-gl-scope .mapboxgl-ctrl-logo {
329
+ display: none !important;
330
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "datastake-daf",
3
- "version": "0.6.803",
3
+ "version": "0.6.804",
4
4
  "dependencies": {
5
5
  "@ant-design/icons": "^5.2.5",
6
6
  "@antv/g2": "^5.1.1",
package/public/Biodiversity/others-default.svg ADDED
@@ -0,0 +1,38 @@
1
+ <svg width="110" height="110" viewBox="0 0 110 110" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g filter="url(#filter0_ddd_3654_27690)">
3
+ <rect x="5" y="4" width="100" height="100" rx="8" fill="#FCFCFD" shape-rendering="crispEdges"/>
4
+ <rect x="5.5" y="4.5" width="99" height="99" rx="7.5" stroke="#F9FAFB" shape-rendering="crispEdges"/>
5
+ <path d="M55 45.25C55.9665 45.25 56.75 44.4665 56.75 43.5C56.75 42.5335 55.9665 41.75 55 41.75C54.0335 41.75 53.25 42.5335 53.25 43.5C53.25 44.4665 54.0335 45.25 55 45.25Z" fill="#E5E7EB"/>
6
+ <path d="M67.25 45.25C68.2165 45.25 69 44.4665 69 43.5C69 42.5335 68.2165 41.75 67.25 41.75C66.2835 41.75 65.5 42.5335 65.5 43.5C65.5 44.4665 66.2835 45.25 67.25 45.25Z" fill="#E5E7EB"/>
7
+ <path d="M42.75 45.25C43.7165 45.25 44.5 44.4665 44.5 43.5C44.5 42.5335 43.7165 41.75 42.75 41.75C41.7835 41.75 41 42.5335 41 43.5C41 44.4665 41.7835 45.25 42.75 45.25Z" fill="#E5E7EB"/>
8
+ <path d="M55 45.25C55.9665 45.25 56.75 44.4665 56.75 43.5C56.75 42.5335 55.9665 41.75 55 41.75C54.0335 41.75 53.25 42.5335 53.25 43.5C53.25 44.4665 54.0335 45.25 55 45.25Z" stroke="#E5E7EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9
+ <path d="M67.25 45.25C68.2165 45.25 69 44.4665 69 43.5C69 42.5335 68.2165 41.75 67.25 41.75C66.2835 41.75 65.5 42.5335 65.5 43.5C65.5 44.4665 66.2835 45.25 67.25 45.25Z" stroke="#E5E7EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10
+ <path d="M42.75 45.25C43.7165 45.25 44.5 44.4665 44.5 43.5C44.5 42.5335 43.7165 41.75 42.75 41.75C41.7835 41.75 41 42.5335 41 43.5C41 44.4665 41.7835 45.25 42.75 45.25Z" stroke="#E5E7EB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11
+ <path d="M39.0586 71.4717C41.8955 71.4717 43.6797 73.4336 43.6797 76.5713C43.6797 79.709 41.8955 81.6641 39.0586 81.6641C36.2148 81.6641 34.4375 79.709 34.4375 76.5713C34.4375 73.4336 36.2148 71.4717 39.0586 71.4717ZM39.0586 72.8184C37.1855 72.8184 36.0029 74.2676 36.0029 76.5713C36.0029 78.8682 37.1855 80.3174 39.0586 80.3174C40.9316 80.3174 42.1074 78.8682 42.1074 76.5713C42.1074 74.2676 40.9316 72.8184 39.0586 72.8184ZM45.4365 72.4082H46.9131V74.0762H48.335V75.2451H46.9131V79.3945C46.9131 80.0371 47.2002 80.3379 47.8223 80.3379C47.9795 80.3379 48.2324 80.3174 48.3281 80.3037V81.4727C48.1641 81.5137 47.8154 81.5479 47.4941 81.5479C46.0107 81.5479 45.4365 80.9805 45.4365 79.5449V75.2451H44.4111V74.0762H45.4365V72.4082ZM49.6475 81.5V71.1914H51.1172V75.3271H51.1514C51.5957 74.4521 52.3613 73.9941 53.4961 73.9941C55.1299 73.9941 56.1074 75.0811 56.1074 76.7559V81.5H54.624V77.043C54.624 75.9355 54.0703 75.2656 52.9834 75.2656C51.8281 75.2656 51.1309 76.0586 51.1309 77.248V81.5H49.6475ZM60.6875 75.1904C59.6211 75.1904 58.8486 75.9697 58.7666 77.1113H62.5332C62.499 75.9561 61.7676 75.1904 60.6875 75.1904ZM62.5264 79.3262H63.9414C63.7295 80.6592 62.4238 81.5889 60.7559 81.5889C58.6025 81.5889 57.2627 80.1396 57.2627 77.8154C57.2627 75.4912 58.6162 73.9805 60.6943 73.9805C62.7314 73.9805 64.0166 75.3955 64.0166 77.6445V78.1641H58.7598V78.2529C58.7598 79.5381 59.5664 80.3857 60.7832 80.3857C61.6445 80.3857 62.3213 79.9756 62.5264 79.3262ZM65.2129 81.5V74.0762H66.6279V75.3271H66.6553C66.8877 74.5 67.5713 74.001 68.4463 74.001C68.665 74.001 68.8496 74.0215 68.9658 74.0488V75.4365C68.8428 75.3887 68.583 75.3477 68.2891 75.3477C67.3115 75.3477 66.6963 76.0244 66.6963 77.0703V81.5H65.2129ZM69.793 76.1885C69.793 74.8828 70.9619 73.9873 72.6709 73.9873C74.2979 73.9873 75.4736 74.9033 75.5078 76.1953H74.1133C74.0518 75.5391 73.4844 75.1289 72.6367 75.1289C71.7959 75.1289 71.2354 75.5186 71.2354 76.1064C71.2354 76.5576 71.6045 76.8652 72.3906 77.0566L73.6211 77.3506C75.1182 77.7129 75.6719 78.2529 75.6719 79.3467C75.6719 80.6729 74.4141 81.5889 72.6162 81.5889C70.8867 81.5889 69.7041 80.6934 69.5947 79.3535H71.0576C71.1738 80.0645 71.748 80.4541 72.6914 80.4541C73.6143 80.4541 74.1953 80.0713 74.1953 79.4697C74.1953 78.998 73.9014 78.752 73.1221 78.5537L71.7959 78.2256C70.4561 77.8975 69.793 77.2139 69.793 76.1885Z" fill="#D2D6DB"/>
12
+ </g>
13
+ <defs>
14
+ <filter id="filter0_ddd_3654_27690" x="0" y="0" width="110" height="110" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
15
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
16
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
17
+ <feOffset dy="1"/>
18
+ <feGaussianBlur stdDeviation="1"/>
19
+ <feComposite in2="hardAlpha" operator="out"/>
20
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
21
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3654_27690"/>
22
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
23
+ <feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect2_dropShadow_3654_27690"/>
24
+ <feOffset dy="1"/>
25
+ <feGaussianBlur stdDeviation="3"/>
26
+ <feComposite in2="hardAlpha" operator="out"/>
27
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
28
+ <feBlend mode="normal" in2="effect1_dropShadow_3654_27690" result="effect2_dropShadow_3654_27690"/>
29
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
30
+ <feOffset dy="2"/>
31
+ <feGaussianBlur stdDeviation="2"/>
32
+ <feComposite in2="hardAlpha" operator="out"/>
33
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
34
+ <feBlend mode="normal" in2="effect2_dropShadow_3654_27690" result="effect3_dropShadow_3654_27690"/>
35
+ <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_3654_27690" result="shape"/>
36
+ </filter>
37
+ </defs>
38
+ </svg>
package/public/Biodiversity/others.svg ADDED
@@ -0,0 +1,38 @@
1
+ <svg width="110" height="110" viewBox="0 0 110 110" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g filter="url(#filter0_ddd_3654_27691)">
3
+ <rect x="5" y="4" width="100" height="100" rx="8" fill="white" shape-rendering="crispEdges"/>
4
+ <rect x="5.5" y="4.5" width="99" height="99" rx="7.5" stroke="#E5E7EB" shape-rendering="crispEdges"/>
5
+ <path d="M55 45.25C55.9665 45.25 56.75 44.4665 56.75 43.5C56.75 42.5335 55.9665 41.75 55 41.75C54.0335 41.75 53.25 42.5335 53.25 43.5C53.25 44.4665 54.0335 45.25 55 45.25Z" fill="#00AEB1"/>
6
+ <path d="M67.25 45.25C68.2165 45.25 69 44.4665 69 43.5C69 42.5335 68.2165 41.75 67.25 41.75C66.2835 41.75 65.5 42.5335 65.5 43.5C65.5 44.4665 66.2835 45.25 67.25 45.25Z" fill="#00AEB1"/>
7
+ <path d="M42.75 45.25C43.7165 45.25 44.5 44.4665 44.5 43.5C44.5 42.5335 43.7165 41.75 42.75 41.75C41.7835 41.75 41 42.5335 41 43.5C41 44.4665 41.7835 45.25 42.75 45.25Z" fill="#00AEB1"/>
8
+ <path d="M55 45.25C55.9665 45.25 56.75 44.4665 56.75 43.5C56.75 42.5335 55.9665 41.75 55 41.75C54.0335 41.75 53.25 42.5335 53.25 43.5C53.25 44.4665 54.0335 45.25 55 45.25Z" stroke="#00AEB1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
9
+ <path d="M67.25 45.25C68.2165 45.25 69 44.4665 69 43.5C69 42.5335 68.2165 41.75 67.25 41.75C66.2835 41.75 65.5 42.5335 65.5 43.5C65.5 44.4665 66.2835 45.25 67.25 45.25Z" stroke="#00AEB1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10
+ <path d="M42.75 45.25C43.7165 45.25 44.5 44.4665 44.5 43.5C44.5 42.5335 43.7165 41.75 42.75 41.75C41.7835 41.75 41 42.5335 41 43.5C41 44.4665 41.7835 45.25 42.75 45.25Z" stroke="#00AEB1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11
+ <path d="M39.0586 71.4717C41.8955 71.4717 43.6797 73.4336 43.6797 76.5713C43.6797 79.709 41.8955 81.6641 39.0586 81.6641C36.2148 81.6641 34.4375 79.709 34.4375 76.5713C34.4375 73.4336 36.2148 71.4717 39.0586 71.4717ZM39.0586 72.8184C37.1855 72.8184 36.0029 74.2676 36.0029 76.5713C36.0029 78.8682 37.1855 80.3174 39.0586 80.3174C40.9316 80.3174 42.1074 78.8682 42.1074 76.5713C42.1074 74.2676 40.9316 72.8184 39.0586 72.8184ZM45.4365 72.4082H46.9131V74.0762H48.335V75.2451H46.9131V79.3945C46.9131 80.0371 47.2002 80.3379 47.8223 80.3379C47.9795 80.3379 48.2324 80.3174 48.3281 80.3037V81.4727C48.1641 81.5137 47.8154 81.5479 47.4941 81.5479C46.0107 81.5479 45.4365 80.9805 45.4365 79.5449V75.2451H44.4111V74.0762H45.4365V72.4082ZM49.6475 81.5V71.1914H51.1172V75.3271H51.1514C51.5957 74.4521 52.3613 73.9941 53.4961 73.9941C55.1299 73.9941 56.1074 75.0811 56.1074 76.7559V81.5H54.624V77.043C54.624 75.9355 54.0703 75.2656 52.9834 75.2656C51.8281 75.2656 51.1309 76.0586 51.1309 77.248V81.5H49.6475ZM60.6875 75.1904C59.6211 75.1904 58.8486 75.9697 58.7666 77.1113H62.5332C62.499 75.9561 61.7676 75.1904 60.6875 75.1904ZM62.5264 79.3262H63.9414C63.7295 80.6592 62.4238 81.5889 60.7559 81.5889C58.6025 81.5889 57.2627 80.1396 57.2627 77.8154C57.2627 75.4912 58.6162 73.9805 60.6943 73.9805C62.7314 73.9805 64.0166 75.3955 64.0166 77.6445V78.1641H58.7598V78.2529C58.7598 79.5381 59.5664 80.3857 60.7832 80.3857C61.6445 80.3857 62.3213 79.9756 62.5264 79.3262ZM65.2129 81.5V74.0762H66.6279V75.3271H66.6553C66.8877 74.5 67.5713 74.001 68.4463 74.001C68.665 74.001 68.8496 74.0215 68.9658 74.0488V75.4365C68.8428 75.3887 68.583 75.3477 68.2891 75.3477C67.3115 75.3477 66.6963 76.0244 66.6963 77.0703V81.5H65.2129ZM69.793 76.1885C69.793 74.8828 70.9619 73.9873 72.6709 73.9873C74.2979 73.9873 75.4736 74.9033 75.5078 76.1953H74.1133C74.0518 75.5391 73.4844 75.1289 72.6367 75.1289C71.7959 75.1289 71.2354 75.5186 71.2354 76.1064C71.2354 76.5576 71.6045 76.8652 72.3906 77.0566L73.6211 77.3506C75.1182 77.7129 75.6719 78.2529 75.6719 79.3467C75.6719 80.6729 74.4141 81.5889 72.6162 81.5889C70.8867 81.5889 69.7041 80.6934 69.5947 79.3535H71.0576C71.1738 80.0645 71.748 80.4541 72.6914 80.4541C73.6143 80.4541 74.1953 80.0713 74.1953 79.4697C74.1953 78.998 73.9014 78.752 73.1221 78.5537L71.7959 78.2256C70.4561 77.8975 69.793 77.2139 69.793 76.1885Z" fill="#6C737F"/>
12
+ </g>
13
+ <defs>
14
+ <filter id="filter0_ddd_3654_27691" x="0" y="0" width="110" height="110" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
15
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
16
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
17
+ <feOffset dy="1"/>
18
+ <feGaussianBlur stdDeviation="1"/>
19
+ <feComposite in2="hardAlpha" operator="out"/>
20
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
21
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3654_27691"/>
22
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
23
+ <feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect2_dropShadow_3654_27691"/>
24
+ <feOffset dy="1"/>
25
+ <feGaussianBlur stdDeviation="3"/>
26
+ <feComposite in2="hardAlpha" operator="out"/>
27
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
28
+ <feBlend mode="normal" in2="effect1_dropShadow_3654_27691" result="effect2_dropShadow_3654_27691"/>
29
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
30
+ <feOffset dy="2"/>
31
+ <feGaussianBlur stdDeviation="2"/>
32
+ <feComposite in2="hardAlpha" operator="out"/>
33
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
34
+ <feBlend mode="normal" in2="effect2_dropShadow_3654_27691" result="effect3_dropShadow_3654_27691"/>
35
+ <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_3654_27691" result="shape"/>
36
+ </filter>
37
+ </defs>
38
+ </svg>
package/public/Biodiversity/unidentified-pests-default.svg ADDED
@@ -0,0 +1,33 @@
1
+ <svg width="110" height="110" viewBox="0 0 110 110" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g filter="url(#filter0_ddd_3654_27680)">
3
+ <rect x="5" y="4" width="100" height="100" rx="8" fill="#FCFCFD" shape-rendering="crispEdges"/>
4
+ <rect x="5.5" y="4.5" width="99" height="99" rx="7.5" stroke="#F9FAFB" shape-rendering="crispEdges"/>
5
+ <path d="M49.9075 29.75C50.3189 28.5804 51.131 27.5942 52.1999 26.966C53.2688 26.3378 54.5256 26.1081 55.7476 26.3177C56.9696 26.5274 58.0779 27.1627 58.8764 28.1112C59.6748 29.0597 60.1118 30.2602 60.11 31.5C60.11 35 54.86 36.75 54.86 36.75M55 43.75H55.0175M72.5 35C72.5 44.665 64.665 52.5 55 52.5C45.335 52.5 37.5 44.665 37.5 35C37.5 25.335 45.335 17.5 55 17.5C64.665 17.5 72.5 25.335 72.5 35Z" stroke="#E5E7EB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M19.6172 63.1357V69.4043C19.6172 70.8125 20.5059 71.8037 22.0781 71.8037C23.6504 71.8037 24.5459 70.8125 24.5459 69.4043V63.1357H26.0703V69.5342C26.0703 71.6602 24.5527 73.1641 22.0781 73.1641C19.6035 73.1641 18.0859 71.6602 18.0859 69.5342V63.1357H19.6172ZM27.7383 73V65.5762H29.1533V66.8271H29.1807C29.6318 65.9521 30.377 65.4941 31.5254 65.4941C33.166 65.4941 34.1025 66.5332 34.1025 68.2422V73H32.6191V68.5225C32.6191 67.3945 32.0996 66.7656 31.0127 66.7656C29.8916 66.7656 29.2217 67.5449 29.2217 68.7139V73H27.7383ZM35.6406 73V65.5762H37.124V73H35.6406ZM36.3857 64.5166C35.9072 64.5166 35.5176 64.1338 35.5176 63.6621C35.5176 63.1768 35.9072 62.8076 36.3857 62.8076C36.8643 62.8076 37.2539 63.1768 37.2539 63.6621C37.2539 64.1338 36.8643 64.5166 36.3857 64.5166ZM41.499 73.0752C39.6396 73.0752 38.3682 71.5781 38.3682 69.2812C38.3682 66.998 39.6396 65.501 41.4854 65.501C42.5518 65.501 43.3994 65.9863 43.8232 66.8066H43.8574V62.6914H45.334V73H43.8984V71.7422H43.8711C43.4336 72.583 42.5859 73.0752 41.499 73.0752ZM41.875 66.7588C40.6787 66.7588 39.8857 67.7568 39.8857 69.2881C39.8857 70.8262 40.6719 71.8174 41.875 71.8174C43.0645 71.8174 43.8643 70.8057 43.8643 69.2881C43.8643 67.7773 43.0645 66.7588 41.875 66.7588ZM49.9961 66.6904C48.9297 66.6904 48.1572 67.4697 48.0752 68.6113H51.8418C51.8076 67.4561 51.0762 66.6904 49.9961 66.6904ZM51.835 70.8262H53.25C53.0381 72.1592 51.7324 73.0889 50.0645 73.0889C47.9111 73.0889 46.5713 71.6396 46.5713 69.3154C46.5713 66.9912 47.9248 65.4805 50.0029 65.4805C52.04 65.4805 53.3252 66.8955 53.3252 69.1445V69.6641H48.0684V69.7529C48.0684 71.0381 48.875 71.8857 50.0918 71.8857C50.9531 71.8857 51.6299 71.4756 51.835 70.8262ZM54.5215 73V65.5762H55.9365V66.8271H55.9639C56.415 65.9521 57.1602 65.4941 58.3086 65.4941C59.9492 65.4941 60.8857 66.5332 60.8857 68.2422V73H59.4023V68.5225C59.4023 67.3945 58.8828 66.7656 57.7959 66.7656C56.6748 66.7656 56.0049 67.5449 56.0049 68.7139V73H54.5215ZM62.8135 63.9082H64.29V65.5762H65.7119V66.7451H64.29V70.8945C64.29 71.5371 64.5771 71.8379 65.1992 71.8379C65.3564 71.8379 65.6094 71.8174 65.7051 71.8037V72.9727C65.541 73.0137 65.1924 73.0479 64.8711 73.0479C63.3877 73.0479 62.8135 72.4805 62.8135 71.0449V66.7451H61.7881V65.5762H62.8135V63.9082ZM67.0176 73V65.5762H68.501V73H67.0176ZM67.7627 64.5166C67.2842 64.5166 66.8945 64.1338 66.8945 63.6621C66.8945 63.1768 67.2842 62.8076 67.7627 62.8076C68.2412 62.8076 68.6309 63.1768 68.6309 63.6621C68.6309 64.1338 68.2412 64.5166 67.7627 64.5166ZM70.5244 73V66.7451H69.499V65.5762H70.5244V64.8926C70.5244 63.5049 71.1533 62.8965 72.6572 62.8965C72.9238 62.8965 73.1699 62.9238 73.4092 62.9648V64.0928C73.2588 64.0586 73.0537 64.0381 72.8555 64.0381C72.2471 64.0381 71.9941 64.3047 71.9873 64.9404V65.5762H73.416V66.7451H72.001V73H70.5244ZM74.7012 73V65.5762H76.1846V73H74.7012ZM75.4463 64.5166C74.9678 64.5166 74.5781 64.1338 74.5781 63.6621C74.5781 63.1768 74.9678 62.8076 75.4463 62.8076C75.9248 62.8076 76.3145 63.1768 76.3145 63.6621C76.3145 64.1338 75.9248 64.5166 75.4463 64.5166ZM80.8535 66.6904C79.7871 66.6904 79.0146 67.4697 78.9326 68.6113H82.6992C82.665 67.4561 81.9336 66.6904 80.8535 66.6904ZM82.6924 70.8262H84.1074C83.8955 72.1592 82.5898 73.0889 80.9219 73.0889C78.7686 73.0889 77.4287 71.6396 77.4287 69.3154C77.4287 66.9912 78.7822 65.4805 80.8604 65.4805C82.8975 65.4805 84.1826 66.8955 84.1826 69.1445V69.6641H78.9258V69.7529C78.9258 71.0381 79.7324 71.8857 80.9492 71.8857C81.8105 71.8857 82.4873 71.4756 82.6924 70.8262ZM88.1748 73.0752C86.3154 73.0752 85.0439 71.5781 85.0439 69.2812C85.0439 66.998 86.3154 65.501 88.1611 65.501C89.2275 65.501 90.0752 65.9863 90.499 66.8066H90.5332V62.6914H92.0098V73H90.5742V71.7422H90.5469C90.1094 72.583 89.2617 73.0752 88.1748 73.0752ZM88.5508 66.7588C87.3545 66.7588 86.5615 67.7568 86.5615 69.2881C86.5615 70.8262 87.3477 71.8174 88.5508 71.8174C89.7402 71.8174 90.54 70.8057 90.54 69.2881C90.54 67.7773 89.7402 66.7588 88.5508 66.7588ZM38.7715 80.1357H42.6338C44.5479 80.1357 45.8877 81.4551 45.8877 83.376C45.8877 85.3037 44.5205 86.6299 42.5859 86.6299H40.3027V90H38.7715V80.1357ZM40.3027 81.4277V85.3447H42.2305C43.5566 85.3447 44.3223 84.627 44.3223 83.3828C44.3223 82.1387 43.5635 81.4277 42.2305 81.4277H40.3027ZM49.8594 83.6904C48.793 83.6904 48.0205 84.4697 47.9385 85.6113H51.7051C51.6709 84.4561 50.9395 83.6904 49.8594 83.6904ZM51.6982 87.8262H53.1133C52.9014 89.1592 51.5957 90.0889 49.9277 90.0889C47.7744 90.0889 46.4346 88.6396 46.4346 86.3154C46.4346 83.9912 47.7881 82.4805 49.8662 82.4805C51.9033 82.4805 53.1885 83.8955 53.1885 86.1445V86.6641H47.9316V86.7529C47.9316 88.0381 48.7383 88.8857 49.9551 88.8857C50.8164 88.8857 51.4932 88.4756 51.6982 87.8262ZM54.2617 84.6885C54.2617 83.3828 55.4307 82.4873 57.1396 82.4873C58.7666 82.4873 59.9424 83.4033 59.9766 84.6953H58.582C58.5205 84.0391 57.9531 83.6289 57.1055 83.6289C56.2646 83.6289 55.7041 84.0186 55.7041 84.6064C55.7041 85.0576 56.0732 85.3652 56.8594 85.5566L58.0898 85.8506C59.5869 86.2129 60.1406 86.7529 60.1406 87.8467C60.1406 89.1729 58.8828 90.0889 57.085 90.0889C55.3555 90.0889 54.1729 89.1934 54.0635 87.8535H55.5264C55.6426 88.5645 56.2168 88.9541 57.1602 88.9541C58.083 88.9541 58.6641 88.5713 58.6641 87.9697C58.6641 87.498 58.3701 87.252 57.5908 87.0537L56.2646 86.7256C54.9248 86.3975 54.2617 85.7139 54.2617 84.6885ZM61.7881 80.9082H63.2646V82.5762H64.6865V83.7451H63.2646V87.8945C63.2646 88.5371 63.5518 88.8379 64.1738 88.8379C64.3311 88.8379 64.584 88.8174 64.6797 88.8037V89.9727C64.5156 90.0137 64.167 90.0479 63.8457 90.0479C62.3623 90.0479 61.7881 89.4805 61.7881 88.0449V83.7451H60.7627V82.5762H61.7881V80.9082ZM65.8145 84.6885C65.8145 83.3828 66.9834 82.4873 68.6924 82.4873C70.3193 82.4873 71.4951 83.4033 71.5293 84.6953H70.1348C70.0732 84.0391 69.5059 83.6289 68.6582 83.6289C67.8174 83.6289 67.2568 84.0186 67.2568 84.6064C67.2568 85.0576 67.626 85.3652 68.4121 85.5566L69.6426 85.8506C71.1396 86.2129 71.6934 86.7529 71.6934 87.8467C71.6934 89.1729 70.4355 90.0889 68.6377 90.0889C66.9082 90.0889 65.7256 89.1934 65.6162 87.8535H67.0791C67.1953 88.5645 67.7695 88.9541 68.7129 88.9541C69.6357 88.9541 70.2168 88.5713 70.2168 87.9697C70.2168 87.498 69.9229 87.252 69.1436 87.0537L67.8174 86.7256C66.4775 86.3975 65.8145 85.7139 65.8145 84.6885Z" fill="#D2D6DB"/>
7
+ </g>
8
+ <defs>
9
+ <filter id="filter0_ddd_3654_27680" x="0" y="0" width="110" height="110" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
10
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
11
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
12
+ <feOffset dy="1"/>
13
+ <feGaussianBlur stdDeviation="1"/>
14
+ <feComposite in2="hardAlpha" operator="out"/>
15
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
16
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3654_27680"/>
17
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
18
+ <feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect2_dropShadow_3654_27680"/>
19
+ <feOffset dy="1"/>
20
+ <feGaussianBlur stdDeviation="3"/>
21
+ <feComposite in2="hardAlpha" operator="out"/>
22
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
23
+ <feBlend mode="normal" in2="effect1_dropShadow_3654_27680" result="effect2_dropShadow_3654_27680"/>
24
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
25
+ <feOffset dy="2"/>
26
+ <feGaussianBlur stdDeviation="2"/>
27
+ <feComposite in2="hardAlpha" operator="out"/>
28
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
29
+ <feBlend mode="normal" in2="effect2_dropShadow_3654_27680" result="effect3_dropShadow_3654_27680"/>
30
+ <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_3654_27680" result="shape"/>
31
+ </filter>
32
+ </defs>
33
+ </svg>
package/public/Biodiversity/unidentified-pests.svg ADDED
@@ -0,0 +1,33 @@
1
+ <svg width="110" height="110" viewBox="0 0 110 110" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g filter="url(#filter0_ddd_3654_27681)">
3
+ <rect x="5" y="4" width="100" height="100" rx="8" fill="white" shape-rendering="crispEdges"/>
4
+ <rect x="5.5" y="4.5" width="99" height="99" rx="7.5" stroke="#E5E7EB" shape-rendering="crispEdges"/>
5
+ <path d="M49.9075 29.75C50.3189 28.5804 51.131 27.5942 52.1999 26.966C53.2688 26.3378 54.5256 26.1081 55.7476 26.3177C56.9696 26.5274 58.0779 27.1627 58.8764 28.1112C59.6748 29.0597 60.1118 30.2602 60.11 31.5C60.11 35 54.86 36.75 54.86 36.75M55 43.75H55.0175M72.5 35C72.5 44.665 64.665 52.5 55 52.5C45.335 52.5 37.5 44.665 37.5 35C37.5 25.335 45.335 17.5 55 17.5C64.665 17.5 72.5 25.335 72.5 35Z" stroke="#00AEB1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M19.6172 63.1357V69.4043C19.6172 70.8125 20.5059 71.8037 22.0781 71.8037C23.6504 71.8037 24.5459 70.8125 24.5459 69.4043V63.1357H26.0703V69.5342C26.0703 71.6602 24.5527 73.1641 22.0781 73.1641C19.6035 73.1641 18.0859 71.6602 18.0859 69.5342V63.1357H19.6172ZM27.7383 73V65.5762H29.1533V66.8271H29.1807C29.6318 65.9521 30.377 65.4941 31.5254 65.4941C33.166 65.4941 34.1025 66.5332 34.1025 68.2422V73H32.6191V68.5225C32.6191 67.3945 32.0996 66.7656 31.0127 66.7656C29.8916 66.7656 29.2217 67.5449 29.2217 68.7139V73H27.7383ZM35.6406 73V65.5762H37.124V73H35.6406ZM36.3857 64.5166C35.9072 64.5166 35.5176 64.1338 35.5176 63.6621C35.5176 63.1768 35.9072 62.8076 36.3857 62.8076C36.8643 62.8076 37.2539 63.1768 37.2539 63.6621C37.2539 64.1338 36.8643 64.5166 36.3857 64.5166ZM41.499 73.0752C39.6396 73.0752 38.3682 71.5781 38.3682 69.2812C38.3682 66.998 39.6396 65.501 41.4854 65.501C42.5518 65.501 43.3994 65.9863 43.8232 66.8066H43.8574V62.6914H45.334V73H43.8984V71.7422H43.8711C43.4336 72.583 42.5859 73.0752 41.499 73.0752ZM41.875 66.7588C40.6787 66.7588 39.8857 67.7568 39.8857 69.2881C39.8857 70.8262 40.6719 71.8174 41.875 71.8174C43.0645 71.8174 43.8643 70.8057 43.8643 69.2881C43.8643 67.7773 43.0645 66.7588 41.875 66.7588ZM49.9961 66.6904C48.9297 66.6904 48.1572 67.4697 48.0752 68.6113H51.8418C51.8076 67.4561 51.0762 66.6904 49.9961 66.6904ZM51.835 70.8262H53.25C53.0381 72.1592 51.7324 73.0889 50.0645 73.0889C47.9111 73.0889 46.5713 71.6396 46.5713 69.3154C46.5713 66.9912 47.9248 65.4805 50.0029 65.4805C52.04 65.4805 53.3252 66.8955 53.3252 69.1445V69.6641H48.0684V69.7529C48.0684 71.0381 48.875 71.8857 50.0918 71.8857C50.9531 71.8857 51.6299 71.4756 51.835 70.8262ZM54.5215 73V65.5762H55.9365V66.8271H55.9639C56.415 65.9521 57.1602 65.4941 58.3086 65.4941C59.9492 65.4941 60.8857 66.5332 60.8857 68.2422V73H59.4023V68.5225C59.4023 67.3945 58.8828 66.7656 57.7959 66.7656C56.6748 66.7656 56.0049 67.5449 56.0049 68.7139V73H54.5215ZM62.8135 63.9082H64.29V65.5762H65.7119V66.7451H64.29V70.8945C64.29 71.5371 64.5771 71.8379 65.1992 71.8379C65.3564 71.8379 65.6094 71.8174 65.7051 71.8037V72.9727C65.541 73.0137 65.1924 73.0479 64.8711 73.0479C63.3877 73.0479 62.8135 72.4805 62.8135 71.0449V66.7451H61.7881V65.5762H62.8135V63.9082ZM67.0176 73V65.5762H68.501V73H67.0176ZM67.7627 64.5166C67.2842 64.5166 66.8945 64.1338 66.8945 63.6621C66.8945 63.1768 67.2842 62.8076 67.7627 62.8076C68.2412 62.8076 68.6309 63.1768 68.6309 63.6621C68.6309 64.1338 68.2412 64.5166 67.7627 64.5166ZM70.5244 73V66.7451H69.499V65.5762H70.5244V64.8926C70.5244 63.5049 71.1533 62.8965 72.6572 62.8965C72.9238 62.8965 73.1699 62.9238 73.4092 62.9648V64.0928C73.2588 64.0586 73.0537 64.0381 72.8555 64.0381C72.2471 64.0381 71.9941 64.3047 71.9873 64.9404V65.5762H73.416V66.7451H72.001V73H70.5244ZM74.7012 73V65.5762H76.1846V73H74.7012ZM75.4463 64.5166C74.9678 64.5166 74.5781 64.1338 74.5781 63.6621C74.5781 63.1768 74.9678 62.8076 75.4463 62.8076C75.9248 62.8076 76.3145 63.1768 76.3145 63.6621C76.3145 64.1338 75.9248 64.5166 75.4463 64.5166ZM80.8535 66.6904C79.7871 66.6904 79.0146 67.4697 78.9326 68.6113H82.6992C82.665 67.4561 81.9336 66.6904 80.8535 66.6904ZM82.6924 70.8262H84.1074C83.8955 72.1592 82.5898 73.0889 80.9219 73.0889C78.7686 73.0889 77.4287 71.6396 77.4287 69.3154C77.4287 66.9912 78.7822 65.4805 80.8604 65.4805C82.8975 65.4805 84.1826 66.8955 84.1826 69.1445V69.6641H78.9258V69.7529C78.9258 71.0381 79.7324 71.8857 80.9492 71.8857C81.8105 71.8857 82.4873 71.4756 82.6924 70.8262ZM88.1748 73.0752C86.3154 73.0752 85.0439 71.5781 85.0439 69.2812C85.0439 66.998 86.3154 65.501 88.1611 65.501C89.2275 65.501 90.0752 65.9863 90.499 66.8066H90.5332V62.6914H92.0098V73H90.5742V71.7422H90.5469C90.1094 72.583 89.2617 73.0752 88.1748 73.0752ZM88.5508 66.7588C87.3545 66.7588 86.5615 67.7568 86.5615 69.2881C86.5615 70.8262 87.3477 71.8174 88.5508 71.8174C89.7402 71.8174 90.54 70.8057 90.54 69.2881C90.54 67.7773 89.7402 66.7588 88.5508 66.7588ZM38.7715 80.1357H42.6338C44.5479 80.1357 45.8877 81.4551 45.8877 83.376C45.8877 85.3037 44.5205 86.6299 42.5859 86.6299H40.3027V90H38.7715V80.1357ZM40.3027 81.4277V85.3447H42.2305C43.5566 85.3447 44.3223 84.627 44.3223 83.3828C44.3223 82.1387 43.5635 81.4277 42.2305 81.4277H40.3027ZM49.8594 83.6904C48.793 83.6904 48.0205 84.4697 47.9385 85.6113H51.7051C51.6709 84.4561 50.9395 83.6904 49.8594 83.6904ZM51.6982 87.8262H53.1133C52.9014 89.1592 51.5957 90.0889 49.9277 90.0889C47.7744 90.0889 46.4346 88.6396 46.4346 86.3154C46.4346 83.9912 47.7881 82.4805 49.8662 82.4805C51.9033 82.4805 53.1885 83.8955 53.1885 86.1445V86.6641H47.9316V86.7529C47.9316 88.0381 48.7383 88.8857 49.9551 88.8857C50.8164 88.8857 51.4932 88.4756 51.6982 87.8262ZM54.2617 84.6885C54.2617 83.3828 55.4307 82.4873 57.1396 82.4873C58.7666 82.4873 59.9424 83.4033 59.9766 84.6953H58.582C58.5205 84.0391 57.9531 83.6289 57.1055 83.6289C56.2646 83.6289 55.7041 84.0186 55.7041 84.6064C55.7041 85.0576 56.0732 85.3652 56.8594 85.5566L58.0898 85.8506C59.5869 86.2129 60.1406 86.7529 60.1406 87.8467C60.1406 89.1729 58.8828 90.0889 57.085 90.0889C55.3555 90.0889 54.1729 89.1934 54.0635 87.8535H55.5264C55.6426 88.5645 56.2168 88.9541 57.1602 88.9541C58.083 88.9541 58.6641 88.5713 58.6641 87.9697C58.6641 87.498 58.3701 87.252 57.5908 87.0537L56.2646 86.7256C54.9248 86.3975 54.2617 85.7139 54.2617 84.6885ZM61.7881 80.9082H63.2646V82.5762H64.6865V83.7451H63.2646V87.8945C63.2646 88.5371 63.5518 88.8379 64.1738 88.8379C64.3311 88.8379 64.584 88.8174 64.6797 88.8037V89.9727C64.5156 90.0137 64.167 90.0479 63.8457 90.0479C62.3623 90.0479 61.7881 89.4805 61.7881 88.0449V83.7451H60.7627V82.5762H61.7881V80.9082ZM65.8145 84.6885C65.8145 83.3828 66.9834 82.4873 68.6924 82.4873C70.3193 82.4873 71.4951 83.4033 71.5293 84.6953H70.1348C70.0732 84.0391 69.5059 83.6289 68.6582 83.6289C67.8174 83.6289 67.2568 84.0186 67.2568 84.6064C67.2568 85.0576 67.626 85.3652 68.4121 85.5566L69.6426 85.8506C71.1396 86.2129 71.6934 86.7529 71.6934 87.8467C71.6934 89.1729 70.4355 90.0889 68.6377 90.0889C66.9082 90.0889 65.7256 89.1934 65.6162 87.8535H67.0791C67.1953 88.5645 67.7695 88.9541 68.7129 88.9541C69.6357 88.9541 70.2168 88.5713 70.2168 87.9697C70.2168 87.498 69.9229 87.252 69.1436 87.0537L67.8174 86.7256C66.4775 86.3975 65.8145 85.7139 65.8145 84.6885Z" fill="#6C737F"/>
7
+ </g>
8
+ <defs>
9
+ <filter id="filter0_ddd_3654_27681" x="0" y="0" width="110" height="110" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
10
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
11
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
12
+ <feOffset dy="1"/>
13
+ <feGaussianBlur stdDeviation="1"/>
14
+ <feComposite in2="hardAlpha" operator="out"/>
15
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
16
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3654_27681"/>
17
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
18
+ <feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect2_dropShadow_3654_27681"/>
19
+ <feOffset dy="1"/>
20
+ <feGaussianBlur stdDeviation="3"/>
21
+ <feComposite in2="hardAlpha" operator="out"/>
22
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
23
+ <feBlend mode="normal" in2="effect1_dropShadow_3654_27681" result="effect2_dropShadow_3654_27681"/>
24
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
25
+ <feOffset dy="2"/>
26
+ <feGaussianBlur stdDeviation="2"/>
27
+ <feComposite in2="hardAlpha" operator="out"/>
28
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0"/>
29
+ <feBlend mode="normal" in2="effect2_dropShadow_3654_27681" result="effect3_dropShadow_3654_27681"/>
30
+ <feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_3654_27681" result="shape"/>
31
+ </filter>
32
+ </defs>
33
+ </svg>
package/src/@daf/core/components/Dashboard/Widget/FaunaWidget/config.js ADDED
@@ -0,0 +1,15 @@
1
+ export const getFaunaConfig = () => {
2
+ return [
3
+ { img: "/Biodiversity/birds.svg", key: "birds", disabled: "/Biodiversity/birds-default.svg" },
4
+ { img: "/Biodiversity/crabs.svg", key: "crabs", disabled: "/Biodiversity/crabs-default.svg" },
5
+ { img: "/Biodiversity/cymbium.svg", key: "cymbium", disabled: "/Biodiversity/cymbium-default.svg" },
6
+ { img: "/Biodiversity/fish.svg", key: "fish", disabled: "/Biodiversity/fish-default.svg" },
7
+ { img: "/Biodiversity/juveniles.svg", key: "juveniles", disabled: "/Biodiversity/juveniles-default.svg" },
8
+ { img: "/Biodiversity/mollusks.svg", key: "mollusks", disabled: "/Biodiversity/mollusks-default.svg" },
9
+ { img: "/Biodiversity/mongooses.svg", key: "mongooses", disabled: "/Biodiversity/mongooses-default.svg" },
10
+ { img: "/Biodiversity/monkeys.svg", key: "monkeys", disabled: "/Biodiversity/monkeys-default.svg" },
11
+ { img: "/Biodiversity/oysters.svg", key: "oysters", disabled: "/Biodiversity/oysters-default.svg" },
12
+ { img: "/Biodiversity/snails.svg", key: "snails", disabled: "/Biodiversity/snails-default.svg" },
13
+ ];
14
+ };
15
+
package/src/@daf/core/components/Dashboard/Widget/FaunaWidget/index.jsx ADDED
@@ -0,0 +1,83 @@
1
+ import Widget from "../index.jsx";
2
+ import styled from "styled-components";
3
+ import { getFaunaConfig } from "./config.js";
4
+ import { Tooltip } from "antd";
5
+
6
+ export default function FaunaWidget({
7
+ title = "Observed Fauna",
8
+ faunaPresent = [],
9
+ filterKeys = null,
10
+ columnsPerRow = 5,
11
+ itemWidth = 100,
12
+ itemHeight = 100,
13
+ t = (key) => key,
14
+ ...props
15
+ }) {
16
+ let faunaConfig = getFaunaConfig();
17
+
18
+ // Filter to show only specific keys if filterKeys is provided
19
+ if (filterKeys && Array.isArray(filterKeys)) {
20
+ faunaConfig = faunaConfig.filter(item => filterKeys.includes(item.key));
21
+ }
22
+
23
+ return (
24
+ <Widget title={title} className={`with-border-header no-p-body`} {...props}>
25
+ <FaunaWrapper $columnsPerRow={columnsPerRow}>
26
+ <FaunaContainer
27
+ $columnsPerRow={columnsPerRow}
28
+ $itemWidth={itemWidth}
29
+ $itemHeight={itemHeight}
30
+ >
31
+ {faunaConfig.map((item) => {
32
+ // Use colored SVG if the item's key exists in faunaPresent array
33
+ // Otherwise use default SVG
34
+ const isPresent = Array.isArray(faunaPresent) && faunaPresent.includes(item.key);
35
+ const shouldUseColored = isPresent;
36
+
37
+ return (
38
+ <Tooltip key={item.key} title={t(`straatos::${item.key}`)}>
39
+ <img
40
+ src={shouldUseColored ? item.img : item.disabled}
41
+ key={item.key}
42
+ className={`fauna-item`}
43
+ alt={item.key}
44
+ ></img>
45
+ </Tooltip>
46
+ );
47
+ })}
48
+ </FaunaContainer>
49
+ </FaunaWrapper>
50
+ </Widget>
51
+ );
52
+ }
53
+
54
+ const FaunaWrapper = styled.div`
55
+ padding: 24px;
56
+ width: 100%;
57
+ ${props => props.$columnsPerRow ? `
58
+ overflow-x: auto;
59
+ ` : ''}
60
+ `;
61
+
62
+ const FaunaContainer = styled.div`
63
+ display: grid;
64
+ grid-template-columns: ${props =>
65
+ props.$columnsPerRow
66
+ ? `repeat(${props.$columnsPerRow}, 1fr)`
67
+ : `repeat(auto-fit, minmax(${props.$itemWidth}px, 1fr))`
68
+ };
69
+ gap: 24px;
70
+ width: 100%;
71
+
72
+ .fauna-item {
73
+ width: 100%;
74
+ aspect-ratio: ${props => props.$itemWidth / props.$itemHeight};
75
+ border-radius: 7px;
76
+ flex-shrink: 0;
77
+ display: block;
78
+ margin: 0;
79
+ padding: 0;
80
+ object-fit: contain;
81
+ }
82
+ `;
83
+
package/src/@daf/core/components/Dashboard/Widget/InvasiveSpeciesWidget/config.js ADDED
@@ -0,0 +1,11 @@
1
+ export const getInvasiveSpeciesConfig = () => {
2
+ return [
3
+ { img: "/Biodiversity/spiders.svg", key: "spiders", disabled: "/Biodiversity/spiders-default.svg" },
4
+ { img: "/Biodiversity/scale-insects.svg", key: "scaleInsects", disabled: "/Biodiversity/scale-insects-default.svg" },
5
+ { img: "/Biodiversity/caterpillars.svg", key: "caterpillars", disabled: "/Biodiversity/caterpillars-default.svg" },
6
+ { img: "/Biodiversity/ants.svg", key: "ants", disabled: "/Biodiversity/ants-default.svg" },
7
+ { img: "/Biodiversity/unidentified-pests.svg", key: "unidentifiedPests", disabled: "/Biodiversity/unidentified-pests-default.svg" },
8
+ { img: "/Biodiversity/others.svg", key: "other", disabled: "/Biodiversity/others-default.svg" },
9
+ ];
10
+ };
11
+