@woosmap/ui 2.10.0 → 2.11.0
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/package.json +1 -1
- package/src/components/Demo/LocalitiesAllDemo.js +4 -4
- package/src/components/Demo/MerchantDemo.js +4 -6
- package/src/locales/en/translation.json +1 -1
- package/src/locales/fr/translation.json +1 -1
- package/src/styles/console/colors.styl +4 -157
- package/src/styles/website/skeletondemo.styl +4 -4
package/package.json
CHANGED
|
@@ -13,8 +13,8 @@ export default class LocalitiesAllDemo extends Component {
|
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
renderSubHeader = () => (
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
<p>
|
|
17
|
+
{tr('You can select bewteen 2 use cases:')}
|
|
18
18
|
<ul className="demo__desc__list">
|
|
19
19
|
<li>{tr('Store Locator integration: autocomplete on city names, suburb names, postcodes...')}</li>
|
|
20
20
|
<li>
|
|
@@ -23,7 +23,7 @@ export default class LocalitiesAllDemo extends Component {
|
|
|
23
23
|
)}
|
|
24
24
|
</li>
|
|
25
25
|
</ul>
|
|
26
|
-
|
|
26
|
+
</p>
|
|
27
27
|
);
|
|
28
28
|
|
|
29
29
|
renderUsecaseFilter = () => {
|
|
@@ -61,7 +61,7 @@ export default class LocalitiesAllDemo extends Component {
|
|
|
61
61
|
const headerLabels = {
|
|
62
62
|
title: tr('Localities API'),
|
|
63
63
|
desc: tr(
|
|
64
|
-
'
|
|
64
|
+
'Woosmap Localities sorts and displays the 5 most relevant results, with priority to the most likely results, recognises common abbreviations and apostrophes, with high tolerance for typos.'
|
|
65
65
|
),
|
|
66
66
|
};
|
|
67
67
|
return usecase === 'localities' ? (
|
|
@@ -234,12 +234,10 @@ export default class MerchantDemo extends Component {
|
|
|
234
234
|
if (!transaction) {
|
|
235
235
|
return JSON.stringify(
|
|
236
236
|
{
|
|
237
|
-
merchants:
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
})),
|
|
242
|
-
],
|
|
237
|
+
merchants: request.merchants.map((item) => ({
|
|
238
|
+
dirty_name: item.dirty_name,
|
|
239
|
+
country: item.country,
|
|
240
|
+
})),
|
|
243
241
|
},
|
|
244
242
|
null,
|
|
245
243
|
2
|
|
@@ -62,7 +62,6 @@
|
|
|
62
62
|
"New": "New",
|
|
63
63
|
"No locality found": "No locality found",
|
|
64
64
|
"No route found": "No route found",
|
|
65
|
-
"Offer autocomplete on city names, suburb names, postcodes and full addresses in some countries. Accelerate customer journey by searching on full words as well as substrings, with high flexibility on typos.": "Offer autocomplete on city names, suburb names, postcodes and full addresses in some countries. Accelerate customer journey by searching on full words as well as substrings, with high flexibility on typos.",
|
|
66
65
|
"Origin": "Origin",
|
|
67
66
|
"Parking": "Parking",
|
|
68
67
|
"Point of interest": "Point of interest",
|
|
@@ -100,6 +99,7 @@
|
|
|
100
99
|
"Use case": "Use case",
|
|
101
100
|
"Validate": "Validate",
|
|
102
101
|
"Wheelchair Access": "Wheelchair Access",
|
|
102
|
+
"Woosmap Localities sorts and displays the 5 most relevant results, with priority to the most likely results, recognises common abbreviations and apostrophes, with high tolerance for typos.": "Woosmap Localities sorts and displays the 5 most relevant results, with priority to the most likely results, recognises common abbreviations and apostrophes, with high tolerance for typos.",
|
|
103
103
|
"Woosmap Map is a vector tiles map based, which guarantees smooth zooming and panning transitions, a mobile-optimised loading and clear rendering at every scale. It provides a worldwide cover, cutting edge details and ability to display 3D buildings at closest/street zoom levels.": "Woosmap Map is a vector tiles map based, which guarantees smooth zooming and panning transitions, a mobile-optimised loading and clear rendering at every scale. It provides a worldwide cover, cutting edge details and ability to display 3D buildings at closest/street zoom levels.",
|
|
104
104
|
"YOUR_KEY_HERE": "YOUR_KEY_HERE",
|
|
105
105
|
"You can select bewteen 2 use cases:": "You can select bewteen 2 use cases:",
|
|
@@ -62,7 +62,6 @@
|
|
|
62
62
|
"New": "Nouveau",
|
|
63
63
|
"No locality found": "Aucune localité correspondante",
|
|
64
64
|
"No route found": "Aucune route correspondante",
|
|
65
|
-
"Offer autocomplete on city names, suburb names, postcodes and full addresses in some countries. Accelerate customer journey by searching on full words as well as substrings, with high flexibility on typos.": "Woosmap Localities API permet de proposer de l’autocomplétion sur les noms de ville, les codes postaux, aéroports, stations de métro, centres commerciaux et les adresses postales complètes dans certains pays.",
|
|
66
65
|
"Origin": "Départ",
|
|
67
66
|
"Parking": "Parking",
|
|
68
67
|
"Point of interest": "Points d'intérêt",
|
|
@@ -100,6 +99,7 @@
|
|
|
100
99
|
"Use case": "Cas d'usage",
|
|
101
100
|
"Validate": "Valider",
|
|
102
101
|
"Wheelchair Access": "Accès handicapés",
|
|
102
|
+
"Woosmap Localities sorts and displays the 5 most relevant results, with priority to the most likely results, recognises common abbreviations and apostrophes, with high tolerance for typos.": "Woosmap Localities trie et affiche les 5 résultats les plus pertinents, avec en priorité les résultats les plus probables, sait reconnaître les abréviations courantes et les apostrophes en intégrant une grande tolérance aux fautes de frappe.",
|
|
103
103
|
"Woosmap Map is a vector tiles map based, which guarantees smooth zooming and panning transitions, a mobile-optimised loading and clear rendering at every scale. It provides a worldwide cover, cutting edge details and ability to display 3D buildings at closest/street zoom levels.": "Woosmap Map est une carte vectorielle qui garantit une navigation fluide, sans impact sur les performances du navigateur et un téléchargement plus rapide et optimisé pour mobile.",
|
|
104
104
|
"YOUR_KEY_HERE": "VOTRE_CLE_ICI",
|
|
105
105
|
"You can select bewteen 2 use cases:": "Vous pouvez selectionner l'un des deux cas d'usage suivants :",
|
|
@@ -251,178 +251,25 @@ $light1 = rgba(255, 255, 255, .01)
|
|
|
251
251
|
|
|
252
252
|
$localitiesDark = rgba(0, 152, 220, 1) // #00b0ff
|
|
253
253
|
$localities = rgba(0, 176, 255, 1) // #00B0FF
|
|
254
|
-
$localities95 = rgba(0, 176, 255, .95)
|
|
255
|
-
$localities90 = rgba(0, 176, 255, .9)
|
|
256
|
-
$localities85 = rgba(0, 176, 255, .85)
|
|
257
|
-
$localities80 = rgba(0, 176, 255, .8)
|
|
258
|
-
$localities75 = rgba(0, 176, 255, .75)
|
|
259
|
-
$localities70 = rgba(0, 176, 255, .7)
|
|
260
|
-
$localities65 = rgba(0, 176, 255, .65)
|
|
261
|
-
$localities60 = rgba(0, 176, 255, .6)
|
|
262
|
-
$localities55 = rgba(0, 176, 255, .55)
|
|
263
|
-
$localities50 = rgba(0, 176, 255, .5)
|
|
264
|
-
$localities45 = rgba(0, 176, 255, .45)
|
|
265
|
-
$localities40 = rgba(0, 176, 255, .4)
|
|
266
|
-
$localities35 = rgba(0, 176, 255, .35)
|
|
267
|
-
$localities30 = rgba(0, 176, 255, .3)
|
|
268
|
-
$localities25 = rgba(0, 176, 255, .25)
|
|
269
|
-
$localities20 = rgba(0, 176, 255, .2)
|
|
270
|
-
$localities15 = rgba(0, 176, 255, .15)
|
|
271
|
-
$localities10 = rgba(0, 176, 255, .1)
|
|
272
|
-
$localities5 = rgba(0, 176, 255, .05)
|
|
273
254
|
|
|
274
255
|
$geolocationDark = rgba(1, 175, 73, 1) // #01af49
|
|
275
|
-
$geolocation = rgba(0, 200, 83, 1) // #
|
|
276
|
-
$geolocation95 = rgba(0, 200, 83, .95)
|
|
277
|
-
$geolocation90 = rgba(0, 200, 83, .9)
|
|
278
|
-
$geolocation85 = rgba(0, 200, 83, .85)
|
|
279
|
-
$geolocation80 = rgba(0, 200, 83, .8)
|
|
280
|
-
$geolocation75 = rgba(0, 200, 83, .75)
|
|
281
|
-
$geolocation70 = rgba(0, 200, 83, .7)
|
|
282
|
-
$geolocation65 = rgba(0, 200, 83, .65)
|
|
283
|
-
$geolocation60 = rgba(0, 200, 83, .6)
|
|
284
|
-
$geolocation55 = rgba(0, 200, 83, .55)
|
|
285
|
-
$geolocation50 = rgba(0, 200, 83, .5)
|
|
286
|
-
$geolocation45 = rgba(0, 200, 83, .45)
|
|
287
|
-
$geolocation40 = rgba(0, 200, 83, .4)
|
|
288
|
-
$geolocation35 = rgba(0, 200, 83, .35)
|
|
289
|
-
$geolocation30 = rgba(0, 200, 83, .3)
|
|
290
|
-
$geolocation25 = rgba(0, 200, 83, .25)
|
|
291
|
-
$geolocation20 = rgba(0, 200, 83, .2)
|
|
292
|
-
$geolocation15 = rgba(0, 200, 83, .15)
|
|
293
|
-
$geolocation10 = rgba(0, 200, 83, .1)
|
|
294
|
-
$geolocation5 = rgba(0, 200, 83, .05)
|
|
256
|
+
$geolocation = rgba(0, 200, 83, 1) // #00c853
|
|
295
257
|
|
|
296
258
|
$distanceDark = rgba(255, 115, 0, 1) // #FF7300
|
|
297
259
|
$distance = rgba(255, 145, 0, 1) // #FF9100
|
|
298
|
-
$distance95 = rgba(255, 145, 0, .95)
|
|
299
|
-
$distance90 = rgba(255, 145, 0, .9)
|
|
300
|
-
$distance85 = rgba(255, 145, 0, .85)
|
|
301
|
-
$distance80 = rgba(255, 145, 0, .8)
|
|
302
|
-
$distance75 = rgba(255, 145, 0, .75)
|
|
303
|
-
$distance70 = rgba(255, 145, 0, .7)
|
|
304
|
-
$distance65 = rgba(255, 145, 0, .65)
|
|
305
|
-
$distance60 = rgba(255, 145, 0, .6)
|
|
306
|
-
$distance55 = rgba(255, 145, 0, .55)
|
|
307
|
-
$distance50 = rgba(255, 145, 0, .5)
|
|
308
|
-
$distance45 = rgba(255, 145, 0, .45)
|
|
309
|
-
$distance40 = rgba(255, 145, 0, .4)
|
|
310
|
-
$distance35 = rgba(255, 145, 0, .35)
|
|
311
|
-
$distance30 = rgba(255, 145, 0, .3)
|
|
312
|
-
$distance25 = rgba(255, 145, 0, .25)
|
|
313
|
-
$distance20 = rgba(255, 145, 0, .2)
|
|
314
|
-
$distance15 = rgba(255, 145, 0, .15)
|
|
315
|
-
$distance10 = rgba(255, 145, 0, .1)
|
|
316
|
-
$distance5 = rgba(255, 145, 0, .05)
|
|
317
260
|
|
|
318
261
|
$storesDark = rgba(37, 109, 212, 1) // #256dd4
|
|
319
|
-
$stores = rgba(56, 138, 255, 1) // #
|
|
320
|
-
$stores95 = rgba(56, 138, 255, .95)
|
|
321
|
-
$stores90 = rgba(56, 138, 255, .9)
|
|
322
|
-
$stores85 = rgba(56, 138, 255, .85)
|
|
323
|
-
$stores80 = rgba(56, 138, 255, .8)
|
|
324
|
-
$stores75 = rgba(56, 138, 255, .75)
|
|
325
|
-
$stores70 = rgba(56, 138, 255, .7)
|
|
326
|
-
$stores65 = rgba(56, 138, 255, .65)
|
|
327
|
-
$stores60 = rgba(56, 138, 255, .6)
|
|
328
|
-
$stores55 = rgba(56, 138, 255, .55)
|
|
329
|
-
$stores50 = rgba(56, 138, 255, .5)
|
|
330
|
-
$stores45 = rgba(56, 138, 255, .45)
|
|
331
|
-
$stores40 = rgba(56, 138, 255, .4)
|
|
332
|
-
$stores35 = rgba(56, 138, 255, .35)
|
|
333
|
-
$stores30 = rgba(56, 138, 255, .3)
|
|
334
|
-
$stores25 = rgba(56, 138, 255, .25)
|
|
335
|
-
$stores20 = rgba(56, 138, 255, .2)
|
|
336
|
-
$stores15 = rgba(56, 138, 255, .15)
|
|
337
|
-
$stores10 = rgba(56, 138, 255, .1)
|
|
338
|
-
$stores5 = rgba(56, 138, 255, .05)
|
|
262
|
+
$stores = rgba(56, 138, 255, 1) // #388aff
|
|
339
263
|
|
|
340
264
|
$addressDark = rgba(59, 179, 195, 1) // #38b3c3
|
|
341
|
-
$address = rgba(77, 208, 255, 1) // #
|
|
342
|
-
$address95 = rgba(77, 208, 255, .95)
|
|
343
|
-
$address90 = rgba(77, 208, 255, .9)
|
|
344
|
-
$address85 = rgba(77, 208, 255, .85)
|
|
345
|
-
$address80 = rgba(77, 208, 255, .8)
|
|
346
|
-
$address75 = rgba(77, 208, 255, .75)
|
|
347
|
-
$address70 = rgba(77, 208, 255, .7)
|
|
348
|
-
$address65 = rgba(77, 208, 255, .65)
|
|
349
|
-
$address60 = rgba(77, 208, 255, .6)
|
|
350
|
-
$address55 = rgba(77, 208, 255, .55)
|
|
351
|
-
$address50 = rgba(77, 208, 255, .5)
|
|
352
|
-
$address45 = rgba(77, 208, 255, .45)
|
|
353
|
-
$address40 = rgba(77, 208, 255, .4)
|
|
354
|
-
$address35 = rgba(77, 208, 255, .35)
|
|
355
|
-
$address30 = rgba(77, 208, 255, .3)
|
|
356
|
-
$address25 = rgba(77, 208, 255, .25)
|
|
357
|
-
$address20 = rgba(77, 208, 255, .2)
|
|
358
|
-
$address15 = rgba(77, 208, 255, .15)
|
|
359
|
-
$address10 = rgba(77, 208, 255, .1)
|
|
360
|
-
$address5 = rgba(77, 208, 255, .05)
|
|
265
|
+
$address = rgba(77, 208, 255, 1) // #4dd0ff
|
|
361
266
|
|
|
362
267
|
$mapDark = rgba(134, 106, 96, 1) // #866a60
|
|
363
268
|
$map = rgba(161, 136, 127, 1) // #A1887F
|
|
364
|
-
$map95 = rgba(161, 136, 127, .95)
|
|
365
|
-
$map90 = rgba(161, 136, 127, .9)
|
|
366
|
-
$map85 = rgba(161, 136, 127, .85)
|
|
367
|
-
$map80 = rgba(161, 136, 127, .8)
|
|
368
|
-
$map75 = rgba(161, 136, 127, .75)
|
|
369
|
-
$map70 = rgba(161, 136, 127, .7)
|
|
370
|
-
$map65 = rgba(161, 136, 127, .65)
|
|
371
|
-
$map60 = rgba(161, 136, 127, .6)
|
|
372
|
-
$map55 = rgba(161, 136, 127, .55)
|
|
373
|
-
$map50 = rgba(161, 136, 127, .5)
|
|
374
|
-
$map45 = rgba(161, 136, 127, .45)
|
|
375
|
-
$map40 = rgba(161, 136, 127, .4)
|
|
376
|
-
$map35 = rgba(161, 136, 127, .35)
|
|
377
|
-
$map30 = rgba(161, 136, 127, .3)
|
|
378
|
-
$map25 = rgba(161, 136, 127, .25)
|
|
379
|
-
$map20 = rgba(161, 136, 127, .2)
|
|
380
|
-
$map15 = rgba(161, 136, 127, .15)
|
|
381
|
-
$map10 = rgba(161, 136, 127, .1)
|
|
382
|
-
$map5 = rgba(161, 136, 127, .05)
|
|
383
|
-
|
|
384
269
|
|
|
385
270
|
|
|
386
271
|
$merchantDark = rgba(81, 107, 119, 1) // #516b77
|
|
387
272
|
$merchant = rgba(120, 144, 156, 1) // #78909C
|
|
388
|
-
$merchant95 = rgba(120, 144, 156, .95)
|
|
389
|
-
$merchant90 = rgba(120, 144, 156, .9)
|
|
390
|
-
$merchant85 = rgba(120, 144, 156, .85)
|
|
391
|
-
$merchant80 = rgba(120, 144, 156, .8)
|
|
392
|
-
$merchant75 = rgba(120, 144, 156, .75)
|
|
393
|
-
$merchant70 = rgba(120, 144, 156, .7)
|
|
394
|
-
$merchant65 = rgba(120, 144, 156, .65)
|
|
395
|
-
$merchant60 = rgba(120, 144, 156, .6)
|
|
396
|
-
$merchant55 = rgba(120, 144, 156, .55)
|
|
397
|
-
$merchant50 = rgba(120, 144, 156, .5)
|
|
398
|
-
$merchant45 = rgba(120, 144, 156, .45)
|
|
399
|
-
$merchant40 = rgba(120, 144, 156, .4)
|
|
400
|
-
$merchant35 = rgba(120, 144, 156, .35)
|
|
401
|
-
$merchant30 = rgba(120, 144, 156, .3)
|
|
402
|
-
$merchant25 = rgba(120, 144, 156, .25)
|
|
403
|
-
$merchant20 = rgba(120, 144, 156, .2)
|
|
404
|
-
$merchant15 = rgba(120, 144, 156, .15)
|
|
405
|
-
$merchant10 = rgba(120, 144, 156, .1)
|
|
406
|
-
$merchant5 = rgba(120, 144, 156, .05)
|
|
407
273
|
|
|
408
274
|
$trafficDark = rgba(2165, 46, 111, 1)// #D82E6F
|
|
409
|
-
$traffic = rgba(255, 124, 129, 1) //
|
|
410
|
-
$traffic95 = rgba(255, 124, 129, .95)
|
|
411
|
-
$traffic90 = rgba(255, 124, 129, .9)
|
|
412
|
-
$traffic85 = rgba(255, 124, 129, .85)
|
|
413
|
-
$traffic80 = rgba(255, 124, 129, .8)
|
|
414
|
-
$traffic75 = rgba(255, 124, 129, .75)
|
|
415
|
-
$traffic70 = rgba(255, 124, 129, .7)
|
|
416
|
-
$traffic65 = rgba(255, 124, 129, .65)
|
|
417
|
-
$traffic60 = rgba(255, 124, 129, .6)
|
|
418
|
-
$traffic55 = rgba(255, 124, 129, .55)
|
|
419
|
-
$traffic50 = rgba(255, 124, 129, .5)
|
|
420
|
-
$traffic45 = rgba(255, 124, 129, .45)
|
|
421
|
-
$traffic40 = rgba(255, 124, 129, .4)
|
|
422
|
-
$traffic35 = rgba(255, 124, 129, .35)
|
|
423
|
-
$traffic30 = rgba(255, 124, 129, .3)
|
|
424
|
-
$traffic25 = rgba(255, 124, 129, .25)
|
|
425
|
-
$traffic20 = rgba(255, 124, 129, .2)
|
|
426
|
-
$traffic15 = rgba(255, 124, 129, .15)
|
|
427
|
-
$traffic10 = rgba(255, 124, 129, .1)
|
|
428
|
-
$traffic5 = rgba(255, 124, 129, .05)
|
|
275
|
+
$traffic = rgba(255, 124, 129, 1) // #ff7c81
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
$mapWidth = 40rem
|
|
3
3
|
$mapWidthSmall = 40rem
|
|
4
4
|
$mapHeight = 36rem
|
|
5
|
-
$bigMapHeight =
|
|
5
|
+
$bigMapHeight = 59.5rem
|
|
6
6
|
|
|
7
7
|
// Overall style
|
|
8
8
|
.demo
|
|
@@ -30,8 +30,8 @@ $bigMapHeight = 58rem
|
|
|
30
30
|
white-space normal
|
|
31
31
|
&--localities
|
|
32
32
|
.tab__content
|
|
33
|
-
height
|
|
34
|
-
max-height
|
|
33
|
+
height 55rem
|
|
34
|
+
max-height 55rem
|
|
35
35
|
&--map
|
|
36
36
|
.tab__content
|
|
37
37
|
height 49.6rem
|
|
@@ -105,7 +105,7 @@ $bigMapHeight = 58rem
|
|
|
105
105
|
li
|
|
106
106
|
list-style disc
|
|
107
107
|
list-style-position inside
|
|
108
|
-
margin
|
|
108
|
+
margin 5px 0 5px 0
|
|
109
109
|
a
|
|
110
110
|
color $primary
|
|
111
111
|
font-weight 600
|