@luomus/laji-form 15.1.74 → 15.1.76

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 (5) hide show
  1. package/dist/laji-form.js +1 -1
  2. package/dist/styles.css +347 -3
  3. package/lib/components/fields/ImageArrayField.js +10 -11
  4. package/lib/components/widgets/AutosuggestWidget.js +5 -2
  5. package/package.json +3 -3
package/dist/styles.css CHANGED
@@ -1419,6 +1419,91 @@ a.leaflet-rrose-close-button:hover {
1419
1419
  font-size: 7px;
1420
1420
  }
1421
1421
 
1422
+ .laji-map-icon {
1423
+ width: 24px;
1424
+ height: 24px;
1425
+ display: inline-block;
1426
+ vertical-align: middle;
1427
+ background-color: #464646;
1428
+ }
1429
+
1430
+ .leaflet-contextmenu-icon.laji-map-icon {
1431
+ width: 17px;
1432
+ height: 17px;
1433
+ display: block;
1434
+ }
1435
+
1436
+ .laji-map-icon-export {
1437
+ mask: url("data:image/svg+xml;utf8,<svg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 5L11.2929 4.29289L12 3.58579L12.7071 4.29289L12 5ZM13 14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14L13 14ZM6.29289 9.29289L11.2929 4.29289L12.7071 5.70711L7.70711 10.7071L6.29289 9.29289ZM12.7071 4.29289L17.7071 9.29289L16.2929 10.7071L11.2929 5.70711L12.7071 4.29289ZM13 5L13 14L11 14L11 5L13 5Z' fill='%2333363F'/><path d='M5 16L5 17C5 18.1046 5.89543 19 7 19L17 19C18.1046 19 19 18.1046 19 17V16' stroke='%2333363F' stroke-width='2'/></svg>") no-repeat center / contain;
1438
+ }
1439
+
1440
+ .laji-map-icon-import {
1441
+ mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M12 14L11.2929 14.7071L12 15.4142L12.7071 14.7071L12 14ZM13 5C13 4.44772 12.5523 4 12 4C11.4477 4 11 4.44771 11 5L13 5ZM6.29289 9.70711L11.2929 14.7071L12.7071 13.2929L7.70711 8.29289L6.29289 9.70711ZM12.7071 14.7071L17.7071 9.70711L16.2929 8.29289L11.2929 13.2929L12.7071 14.7071ZM13 14L13 5L11 5L11 14L13 14Z' fill='%2333363F'/><path d='M5 16L5 17C5 18.1046 5.89543 19 7 19L17 19C18.1046 19 19 18.1046 19 17V16' stroke='%2333363F' stroke-width='2'/></svg>") no-repeat center / contain;
1442
+ }
1443
+
1444
+ .laji-map-icon-marker {
1445
+ mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7-5.33-7-11a7 7 0 0 1 14 0c0 5.67-7 11-7 11z'/><circle cx='12' cy='10' r='3'/></svg>") no-repeat center / contain;
1446
+ }
1447
+
1448
+ .laji-map-icon-trash {
1449
+ width: 19px;
1450
+ height: 19px;
1451
+ mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M18 6L17.1991 18.0129C17.129 19.065 17.0939 19.5911 16.8667 19.99C16.6666 20.3412 16.3648 20.6235 16.0011 20.7998C15.588 21 15.0607 21 14.0062 21H9.99377C8.93927 21 8.41202 21 7.99889 20.7998C7.63517 20.6235 7.33339 20.3412 7.13332 19.99C6.90607 19.5911 6.871 19.065 6.80086 18.0129L6 6M4 6H20M16 6L15.7294 5.18807C15.4671 4.40125 15.3359 4.00784 15.0927 3.71698C14.8779 3.46013 14.6021 3.26132 14.2905 3.13878C13.9376 3 13.523 3 12.6936 3H11.3064C10.477 3 10.0624 3 9.70951 3.13878C9.39792 3.26132 9.12208 3.46013 8.90729 3.71698C8.66405 4.00784 8.53292 4.40125 8.27064 5.18807L8 6M14 10V17M10 10V17' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / contain;
1452
+ }
1453
+
1454
+ .laji-map-icon-delete {
1455
+ width: 15px;
1456
+ height: 15px;
1457
+ mask: url("data:image/svg+xml;utf8,<svg fill='%23000000' height='800px' width='800px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 491.111 491.111' xml:space='preserve'> <g id='XMLID_117_'> <path id='XMLID_121_' d='M310.082,245.553l51.883-51.877c3.686-3.678,5.755-8.669,5.755-13.885c0-5.208-2.069-10.206-5.755-13.885 l-36.769-36.759c-7.662-7.664-20.105-7.664-27.768,0l-51.87,51.876l-51.885-51.876c-7.662-7.664-20.089-7.664-27.768,0 l-36.753,36.759c-3.688,3.68-5.756,8.678-5.756,13.885c0,5.216,2.068,10.207,5.756,13.885l51.876,51.877l-51.884,51.875 c-7.672,7.681-7.672,20.108,0,27.779l36.753,36.761c7.679,7.662,20.106,7.662,27.769,0l51.893-51.885l51.878,51.885 c7.662,7.662,20.106,7.662,27.768,0l36.769-36.761c7.655-7.671,7.655-20.098,0-27.779L310.082,245.553z'/> <path id='XMLID_118_' d='M245.556,0C110.16,0,0,110.162,0,245.564c0,135.387,110.16,245.547,245.556,245.547 c135.394,0,245.555-110.16,245.555-245.547C491.111,110.162,380.95,0,245.556,0z M245.556,438.198 c-106.218,0-192.641-86.424-192.641-192.633c0-106.233,86.423-192.648,192.641-192.648c106.217,0,192.639,86.416,192.639,192.648 C438.195,351.773,351.773,438.198,245.556,438.198z'/> </g> </svg>") no-repeat center / contain;
1458
+ }
1459
+
1460
+ .laji-map-icon-reverse {
1461
+ width: 15px;
1462
+ height: 15px;
1463
+ mask: url("data:image/svg+xml;utf8, <svg width='800px' height='800px' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'><path fill='%23494c4e' d='M17.6,4.2l-4-3a1,1,0,0,0-1.05-.09A.977.977,0,0,0,12,2V4H1A1,1,0,0,0,1,6H12V8a.988.988,0,0,0,.55.89A.99.99,0,0,0,13.6,8.8l4-3a1,1,0,0,0,0-1.6Z'/> <path fill='%23494c4e' d='M.4,12.2l4-3a1,1,0,0,1,1.05-.09A.977.977,0,0,1,6,10v2H17a1,1,0,0,1,0,2H6v2a.988.988,0,0,1-.55.89A.99.99,0,0,1,4.4,16.8l-4-3a1,1,0,0,1,0-1.6Z'/></svg>") no-repeat center / contain;
1464
+ }
1465
+
1466
+ .laji-map-icon-undo {
1467
+ mask: url("data:image/svg+xml;utf8, <svg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M7.53033 3.46967C7.82322 3.76256 7.82322 4.23744 7.53033 4.53033L5.81066 6.25H15C18.1756 6.25 20.75 8.82436 20.75 12C20.75 15.1756 18.1756 17.75 15 17.75H8.00001C7.58579 17.75 7.25001 17.4142 7.25001 17C7.25001 16.5858 7.58579 16.25 8.00001 16.25H15C17.3472 16.25 19.25 14.3472 19.25 12C19.25 9.65279 17.3472 7.75 15 7.75H5.81066L7.53033 9.46967C7.82322 9.76256 7.82322 10.2374 7.53033 10.5303C7.23744 10.8232 6.76256 10.8232 6.46967 10.5303L3.46967 7.53033C3.17678 7.23744 3.17678 6.76256 3.46967 6.46967L6.46967 3.46967C6.76256 3.17678 7.23744 3.17678 7.53033 3.46967Z' fill='%231C274C'/></svg>") no-repeat center / contain;
1468
+ }
1469
+
1470
+ .laji-map-icon-redo {
1471
+ mask: url("data:image/svg+xml;utf8, <svg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M16.4697 3.46967C16.7626 3.17678 17.2374 3.17678 17.5303 3.46967L20.5303 6.46967C20.8232 6.76256 20.8232 7.23744 20.5303 7.53033L17.5303 10.5303C17.2374 10.8232 16.7626 10.8232 16.4697 10.5303C16.1768 10.2374 16.1768 9.76256 16.4697 9.46967L18.1893 7.75H9.00001C6.6528 7.75 4.75 9.65279 4.75 12C4.75 14.3472 6.65279 16.25 9 16.25H16C16.4142 16.25 16.75 16.5858 16.75 17C16.75 17.4142 16.4142 17.75 16 17.75H9C5.82436 17.75 3.25 15.1756 3.25 12C3.25 8.82436 5.82437 6.25 9.00001 6.25H18.1893L16.4697 4.53033C16.1768 4.23744 16.1768 3.76256 16.4697 3.46967Z' fill='%231C274C'/></svg>") no-repeat center / contain;
1472
+ }
1473
+
1474
+ .laji-map-icon-locate {
1475
+ mask: url("data:image/svg+xml;utf8, <svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M9.75 12C9.7498 11.0459 10.4068 10.2244 11.3192 10.0381C12.2316 9.85176 13.1453 10.3524 13.5014 11.2339C13.8576 12.1153 13.5571 13.1321 12.7836 13.6623C12.0102 14.1926 10.9793 14.0886 10.3214 13.414C9.95563 13.039 9.75011 12.5304 9.75 12Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/> <path d='M4.875 11.25C4.46079 11.25 4.125 11.5858 4.125 12C4.125 12.4142 4.46079 12.75 4.875 12.75V11.25ZM6.3921 12.75C6.80631 12.75 7.1421 12.4142 7.1421 12C7.1421 11.5858 6.80631 11.25 6.3921 11.25V12.75ZM5.6421 12C5.6421 12.4142 5.97789 12.75 6.3921 12.75C6.80631 12.75 7.1421 12.4142 7.1421 12H5.6421ZM11.7 7.306C12.1142 7.306 12.45 6.97021 12.45 6.556C12.45 6.14179 12.1142 5.806 11.7 5.806V7.306ZM7.1421 12C7.1421 11.5858 6.80631 11.25 6.3921 11.25C5.97789 11.25 5.6421 11.5858 5.6421 12H7.1421ZM11.7 18.194C12.1142 18.194 12.45 17.8582 12.45 17.444C12.45 17.0298 12.1142 16.694 11.7 16.694V18.194ZM6.3921 11.25C5.97789 11.25 5.6421 11.5858 5.6421 12C5.6421 12.4142 5.97789 12.75 6.3921 12.75V11.25ZM7.90822 12.75C8.32244 12.75 8.65822 12.4142 8.65822 12C8.65822 11.5858 8.32244 11.25 7.90822 11.25V12.75ZM10.95 6.556C10.95 6.97021 11.2858 7.306 11.7 7.306C12.1142 7.306 12.45 6.97021 12.45 6.556H10.95ZM12.45 5C12.45 4.58579 12.1142 4.25 11.7 4.25C11.2858 4.25 10.95 4.58579 10.95 5H12.45ZM12.45 6.556C12.45 6.14179 12.1142 5.806 11.7 5.806C11.2858 5.806 10.95 6.14179 10.95 6.556H12.45ZM10.95 8.111C10.95 8.52521 11.2858 8.861 11.7 8.861C12.1142 8.861 12.45 8.52521 12.45 8.111H10.95ZM11.7 5.806C11.2858 5.806 10.95 6.14179 10.95 6.556C10.95 6.97021 11.2858 7.306 11.7 7.306V5.806ZM15.4533 8.15051L14.9163 8.67409L14.9163 8.67409L15.4533 8.15051ZM16.2579 12C16.2579 12.4142 16.5937 12.75 17.0079 12.75C17.4221 12.75 17.7579 12.4142 17.7579 12H16.2579ZM10.95 19C10.95 19.4142 11.2858 19.75 11.7 19.75C12.1142 19.75 12.45 19.4142 12.45 19H10.95ZM12.45 17.444C12.45 17.0298 12.1142 16.694 11.7 16.694C11.2858 16.694 10.95 17.0298 10.95 17.444H12.45ZM10.95 17.444C10.95 17.8582 11.2858 18.194 11.7 18.194C12.1142 18.194 12.45 17.8582 12.45 17.444H10.95ZM12.45 15.889C12.45 15.4748 12.1142 15.139 11.7 15.139C11.2858 15.139 10.95 15.4748 10.95 15.889H12.45ZM11.7 16.695C11.2858 16.695 10.95 17.0308 10.95 17.445C10.95 17.8592 11.2858 18.195 11.7 18.195V16.695ZM15.4536 15.8501L14.9165 15.3266L14.9165 15.3266L15.4536 15.8501ZM17.7579 11.9999C17.7578 11.5857 17.422 11.2499 17.0078 11.25C16.5936 11.2501 16.2578 11.5859 16.2579 12.0001L17.7579 11.9999ZM18.525 12.75C18.9392 12.75 19.275 12.4142 19.275 12C19.275 11.5858 18.9392 11.25 18.525 11.25V12.75ZM17.0079 11.25C16.5937 11.25 16.2579 11.5858 16.2579 12C16.2579 12.4142 16.5937 12.75 17.0079 12.75V11.25ZM17.0079 12.75C17.4221 12.75 17.7579 12.4142 17.7579 12C17.7579 11.5858 17.4221 11.25 17.0079 11.25V12.75ZM15.4918 11.25C15.0776 11.25 14.7418 11.5858 14.7418 12C14.7418 12.4142 15.0776 12.75 15.4918 12.75V11.25ZM4.875 12.75H6.3921V11.25H4.875V12.75ZM7.1421 12C7.1421 9.38956 9.20053 7.306 11.7 7.306V5.806C8.33653 5.806 5.6421 8.59716 5.6421 12H7.1421ZM5.6421 12C5.6421 15.4028 8.33653 18.194 11.7 18.194V16.694C9.20053 16.694 7.1421 14.6104 7.1421 12H5.6421ZM6.3921 12.75H7.90822V11.25H6.3921V12.75ZM12.45 6.556V5H10.95V6.556H12.45ZM10.95 6.556V8.111H12.45V6.556H10.95ZM11.7 7.306C12.9026 7.306 14.0599 7.79581 14.9163 8.67409L15.9903 7.62694C14.8557 6.46332 13.3129 5.806 11.7 5.806V7.306ZM14.9163 8.67409C15.7732 9.55301 16.2579 10.749 16.2579 12H17.7579C17.7579 10.3633 17.1242 8.78991 15.9903 7.62694L14.9163 8.67409ZM12.45 19V17.444H10.95V19H12.45ZM12.45 17.444V15.889H10.95V17.444H12.45ZM11.7 18.195C13.3131 18.195 14.8561 17.5375 15.9906 16.3737L14.9165 15.3266C14.0602 16.2051 12.9028 16.695 11.7 16.695V18.195ZM15.9906 16.3737C17.1246 15.2104 17.7582 13.6368 17.7579 11.9999L16.2579 12.0001C16.2581 13.2513 15.7735 14.4475 14.9165 15.3266L15.9906 16.3737ZM18.525 11.25H17.0079V12.75H18.525V11.25ZM17.0079 11.25H15.4918V12.75H17.0079V11.25Z' fill='%23000000'/> </svg>") no-repeat center / contain;
1476
+ }
1477
+
1478
+ .laji-map-icon-scissors {
1479
+ width: 20px;
1480
+ height: 20px;
1481
+ mask: url("data:image/svg+xml;utf8, <svg version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'> <g> <path class='st0' d='M143.155,241.403c-5.379,0.154-11.094-0.285-14.076-2.271c-2.983-1.979-6.578-7.847-10.202-12.571 c-16.96-22.075-47.036-31.308-74.281-20.702c-33.079,12.87-49.447,50.13-36.57,83.201c12.877,33.079,50.122,49.454,83.201,36.577 c16.354-6.369,28.612-18.703,35.281-33.546c1.122-2.508,1.742-3.916,3.644-5.783c1.909-1.868,5.79-3.053,8.899-3.694 c18.257-3.77,33.594-3.902,46.429-1.958l2.258-6.104c0.725-2.028,5.15-14.473,11.686-32.785 C184.268,241.919,162.443,240.846,143.155,241.403z M80.511,298.125c-17.874,6.954-38.012-1.895-44.974-19.776 c-6.954-17.88,1.896-38.012,19.769-44.973c17.881-6.968,38.012,1.889,44.981,19.762C107.241,271.018,98.391,291.157,80.511,298.125 z'/> <path class='st0' d='M507.47,169.171c-3.777-9.714-15.386-10.788-44.151-3.31c-15.581,4.049-87.598,25.706-150.424,44.73 c-6.195,32.221-11.79,61.139-15.066,78.03c63.886-30.674,161.908-77.884,179.342-87.145 C503.429,187.525,511.261,178.884,507.47,169.171z'/> <path class='st0' d='M303.649,392.949c-5.073-3.114-11.282-6.076-13.568-8.836c-2.278-2.767-3.31-8.404-3.714-13.77 c-1.993-26.298-7.526-57.056-6.836-69.473c0,0,44.179-227.416,48.618-256.808c4.438-29.4,2.16-40.827-7.888-43.58 c-10.055-2.745-17.832,5.938-28.974,33.497c-11.135,27.567-88.824,245.812-88.824,245.812s51.175,20.298,43.336,98.929 c-0.314,3.15-1.087,7.136-2.746,9.226c-1.658,2.098-2.989,2.857-5.365,4.237c-14.069,8.167-25.058,21.651-29.685,38.583 c-9.365,34.235,10.801,69.578,45.029,78.944c34.242,9.358,69.585-10.808,78.943-45.043 C339.688,436.466,327.368,407.513,303.649,392.949z M243.749,280.28c-6.481-1.77-10.299-8.452-8.522-14.933 c1.77-6.48,8.452-10.299,14.933-8.529c6.481,1.777,10.292,8.466,8.522,14.94C256.912,278.238,250.223,282.049,243.749,280.28z M303.495,456.876c-5.059,18.507-24.166,29.406-42.674,24.347c-18.508-5.059-29.406-24.166-24.347-42.674 c5.059-18.508,24.173-29.406,42.674-24.34C297.656,419.262,308.554,438.375,303.495,456.876z'/> </g> </svg>") no-repeat center / contain;
1482
+ }
1483
+
1484
+ .laji-map-icon-resize {
1485
+ width: 20px;
1486
+ height: 20px;
1487
+ mask: url("data:image/svg+xml;utf8, <svg viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'><path d='M25.99 6.042l-0.004 9.735-3.732-3.733-4.454 4.455-2.665-2.665 4.454-4.454-3.384-3.383 9.785 0.045zM11.494 22.805l3.238 3.182-9.722 0.017 0.004-9.68 3.815 3.815 4.925-4.924 2.665 2.665-4.925 4.925z'></path> </svg>") no-repeat center / contain;
1488
+ }
1489
+
1490
+ .laji-map-icon-pencil {
1491
+ width: 18px;
1492
+ height: 18px;
1493
+ mask: url("data:image/svg+xml;utf8, <svg fill='%23ffffff' width='800px' height='800px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'> <path d='M30.133 1.552c-1.090-1.044-2.291-1.573-3.574-1.573-2.006 0-3.47 1.296-3.87 1.693-0.564 0.558-19.786 19.788-19.786 19.788-0.126 0.126-0.217 0.284-0.264 0.456-0.433 1.602-2.605 8.71-2.627 8.782-0.112 0.364-0.012 0.761 0.256 1.029 0.193 0.192 0.45 0.295 0.713 0.295 0.104 0 0.208-0.016 0.31-0.049 0.073-0.024 7.41-2.395 8.618-2.756 0.159-0.048 0.305-0.134 0.423-0.251 0.763-0.754 18.691-18.483 19.881-19.712 1.231-1.268 1.843-2.59 1.819-3.925-0.025-1.319-0.664-2.589-1.901-3.776zM22.37 4.87c0.509 0.123 1.711 0.527 2.938 1.765 1.24 1.251 1.575 2.681 1.638 3.007-3.932 3.912-12.983 12.867-16.551 16.396-0.329-0.767-0.862-1.692-1.719-2.555-1.046-1.054-2.111-1.649-2.932-1.984 3.531-3.532 12.753-12.757 16.625-16.628zM4.387 23.186c0.55 0.146 1.691 0.57 2.854 1.742 0.896 0.904 1.319 1.9 1.509 2.508-1.39 0.447-4.434 1.497-6.367 2.121 0.573-1.886 1.541-4.822 2.004-6.371zM28.763 7.824c-0.041 0.042-0.109 0.11-0.19 0.192-0.316-0.814-0.87-1.86-1.831-2.828-0.981-0.989-1.976-1.572-2.773-1.917 0.068-0.067 0.12-0.12 0.141-0.14 0.114-0.113 1.153-1.106 2.447-1.106 0.745 0 1.477 0.34 2.175 1.010 0.828 0.795 1.256 1.579 1.27 2.331 0.014 0.768-0.404 1.595-1.24 2.458z'></path> </svg>") no-repeat center / contain;
1494
+ }
1495
+
1496
+ .laji-map-icon-dot {
1497
+ width: 10px;
1498
+ height: 10px;
1499
+ mask: url("data:image/svg+xml;utf8, <svg fill='%23000000' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'> <g> <g> <path d='M256,0C114.837,0,0,114.837,0,256s114.837,256,256,256s256-114.837,256-256S397.163,0,256,0z'/> </g> </g> </svg>") no-repeat center / contain;
1500
+ background-color: #ffffff;
1501
+ }
1502
+
1503
+ .laji-map .vector-marker i {
1504
+ top: 10px;
1505
+ }
1506
+
1422
1507
  .laji-map .laji-map-warning {
1423
1508
  position: absolute;
1424
1509
  z-index: 1002;
@@ -1652,6 +1737,20 @@ a.leaflet-rrose-close-button:hover {
1652
1737
  font-size: 13px
1653
1738
  }
1654
1739
 
1740
+ .laji-map .laji-map-control-layers {
1741
+ font-size: 10px;
1742
+ }
1743
+ .laji-map .laji-map-control-layers * {
1744
+ box-sizing: border-box;
1745
+ }
1746
+ .laji-map .laji-map-control-layers *:before, .laji-map .laji-map-control-layers *:after {
1747
+ box-sizing: border-box;
1748
+ }
1749
+ .laji-map .laji-map-control-layers input[type="radio"], .laji-map .laji-map-control-layers input[type="checkbox"] {
1750
+ margin: 4px 0 0;
1751
+ margin-top: 1px \9;
1752
+ line-height: normal;
1753
+ }
1655
1754
  .laji-map .laji-map-control-layers.leaflet-control-layers-expanded {
1656
1755
  overflow: auto;
1657
1756
  background: none;
@@ -1739,7 +1838,7 @@ li.laji-map-layer-control-layer-item.active span {
1739
1838
  overflow: hidden;
1740
1839
  }
1741
1840
  .laji-map .laji-map-control-layers .active-list li {
1742
- max-height: 18px;
1841
+ height: 18px;
1743
1842
  }
1744
1843
  .laji-map .laji-map-control-layers .nonactive-list li {
1745
1844
  max-height: 0px;
@@ -1832,12 +1931,22 @@ li.laji-map-layer-control-layer-item.active span {
1832
1931
  .laji-map .laji-map-control-layers .layer-help {
1833
1932
  margin-top: -10px;
1834
1933
  }
1835
- .laji-map .laji-map-control-layers .layer-help a, .laji-map .laji-map-control-layers .glyphicon {
1934
+ .laji-map .laji-map-control-layers .layer-help a {
1836
1935
  color: #0078A8;
1936
+ text-decoration: none;
1837
1937
  }
1838
- .laji-map .laji-map-control-layers .glyphicon {
1938
+ .laji-map .laji-map-control-layers .layer-help-icon {
1939
+ background-color: #0078A8;
1940
+ color: white;
1941
+ border-radius: 90px;
1839
1942
  margin-left: 3px;
1840
1943
  margin-right: 7px;
1944
+ padding: 1px 6px;
1945
+ }
1946
+ .laji-map .laji-map-control-layers .layer-help-icon:before {
1947
+ content: "?";
1948
+ font-size: 10px;
1949
+ line-height: 8px;
1841
1950
  }
1842
1951
 
1843
1952
  .laji-map .laji-map-control-layers .layer-close {
@@ -1920,6 +2029,241 @@ li.laji-map-layer-control-layer-item.active span {
1920
2029
  }
1921
2030
 
1922
2031
 
2032
+ /* .panel-default { */
2033
+ /* border-color: #ddd; */
2034
+ /* } */
2035
+ /* .panel-body { */
2036
+ /* padding: 15px; */
2037
+ /* } */
2038
+ /* .panel { */
2039
+ /* margin-bottom: 20px; */
2040
+ /* background-color: #fff; */
2041
+ /* border: 1px solid transparent; */
2042
+ /* border-radius: 4px; */
2043
+ /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); */
2044
+ /* box-shadow: 0 1px 1px rgba(0, 0, 0, .05); */
2045
+ /* } */
2046
+ .panel {
2047
+ background: white;
2048
+ padding: 15px;
2049
+ font-size: 16px;
2050
+ border-color: #ddd;
2051
+ border-radius: 2px;
2052
+ }
2053
+
2054
+ button.close {
2055
+ padding: 0;
2056
+ cursor: pointer;
2057
+ background: transparent;
2058
+ border: 0;
2059
+ -webkit-appearance: none;
2060
+ appearance: none;
2061
+ float: right;
2062
+ font-size: 21px;
2063
+ font-weight: bold;
2064
+ line-height: 1;
2065
+ color: #000;
2066
+ text-shadow: 0 1px 0 #fff;
2067
+ filter: alpha(opacity=20);
2068
+ opacity: .2;
2069
+ }
2070
+
2071
+ .help-block {
2072
+ display: block;
2073
+ margin-top: 5px;
2074
+ margin-bottom: 10px;
2075
+ color: #737373;
2076
+ }
2077
+
2078
+ .laji-map-form-group {
2079
+ margin-bottom: 15px;
2080
+ max-width: 100%;
2081
+ }
2082
+
2083
+ .laji-map-form-group label {
2084
+ margin-bottom: 5px;
2085
+ display: inline-block;
2086
+ }
2087
+
2088
+ .laji-map-dialog input {
2089
+ display: block;
2090
+ width: 100%;
2091
+ height: 34px;
2092
+ font-size: 14px;
2093
+ line-height: 1.42857143;
2094
+ color: #555;
2095
+ background-color: #fff;
2096
+ background-image: none;
2097
+ border: 1px solid #ccc;
2098
+ border-radius: 4px;
2099
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2100
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2101
+ -webkit-transition: border-color
2102
+ ease-in-out .15s, -webkit-box-shadow
2103
+ ease-in-out .15s;
2104
+ -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
2105
+ transition: border-color
2106
+ ease-in-out .15s, box-shadow
2107
+ ease-in-out .15s;
2108
+ box-sizing: border-box;
2109
+ padding: 6px 12px;
2110
+ }
2111
+
2112
+ .laji-map-dialog button.btn {
2113
+ display: inline-block;
2114
+ color: #414f58;
2115
+ border: none;
2116
+ border-radius: 5px;
2117
+ cursor: pointer;
2118
+ text-decoration: none;
2119
+ transition: .1s;
2120
+ width: 100%;
2121
+ font-size: 14px;
2122
+ display: inline-block;
2123
+ margin-bottom: 0;
2124
+ font-weight: normal;
2125
+ text-align: center;
2126
+ white-space: nowrap;
2127
+ vertical-align: middle;
2128
+ -ms-touch-action: manipulation;
2129
+ touch-action: manipulation;
2130
+ cursor: pointer;
2131
+ background-image: none;
2132
+ border: 1px solid transparent;
2133
+ padding: 6px 12px;
2134
+ font-size: 14px;
2135
+ line-height: 1.42857143;
2136
+ border-radius: 4px;
2137
+ -webkit-user-select: none;
2138
+ -moz-user-select: none;
2139
+ -ms-user-select: none;
2140
+ user-select: none;
2141
+ background-color: white;
2142
+ box-shadow: 0 1px 2px #141b1f4d, 0 0 2px #141b1f4d, inset 0 1px 6px #141b1f00;
2143
+ }
2144
+ .laji-map-dialog .btn.btn-danger, .laji-map-dialogbutton.btn.btn-danger, .laji-map-dialog a.btn.btn-danger {
2145
+ background: linear-gradient(to bottom right, #d2642d, #bd2828);
2146
+ color: #fff5f5;
2147
+ box-shadow: 0 1px 2px #8a0f0f66, inset 0 0 #8a0f0f00;
2148
+ }
2149
+ .laji-map-dialog .btn.btn-danger:hover, .laji-map-dialogbutton.btn.btn-danger:hover, .laji-map-dialoga.btn.btn-danger:hover {
2150
+ background: linear-gradient(to bottom right, #bd5a28, #a82424);
2151
+ color: #fff5f5;
2152
+ }
2153
+ .laji-map-dialog .btn.btn-default:hover, .laji-map-dialog .btn.btn-default:focus, .laji-map-dialog button.btn.btn-default:hover, .laji-map-dialog button.btn.btn-default:focus, a.btn.btn-default:hover, a.btn.btn-default:focus {
2154
+ background-color: #f1f3f4;
2155
+ color: #5c6870;
2156
+ }
2157
+
2158
+ .laji-map-dialog button:disabled {
2159
+ background-color: #0000;
2160
+ background: unset;
2161
+ color: #73828c;
2162
+ outline: 1px solid hsl(204, 10%, 88%);
2163
+ box-shadow: 0 0 #0000;
2164
+ cursor: not-allowed;
2165
+ }
2166
+
2167
+ .laji-map-dialog button.btn-primary:not(:disabled) {
2168
+ background: linear-gradient(to bottom right, #26bed9, #2283c3);
2169
+ color: #f5fbff;
2170
+ box-shadow: 0 1px 2px #0f598a66, inset 0 0 #0f598a00;
2171
+ }
2172
+ .laji-map-dialog textarea {
2173
+ padding: 6px 12px;
2174
+ font-size: 14px;
2175
+ color: #555;
2176
+ background-color: #fff;
2177
+ background-image: none;
2178
+ }
2179
+ .laji-map-dialog .text-success {
2180
+ color: #3c763d;
2181
+ }
2182
+ .laji-map-dialog .text-warning {
2183
+ color: #8a6d3b;
2184
+ }
2185
+ .laji-map-dialog .form-group {
2186
+ margin-bottom: 15px;
2187
+ }
2188
+
2189
+ .laji-map-dialog .alert {
2190
+ padding: 15px;
2191
+ margin-bottom: 20px;
2192
+ border: 1px solid transparent;
2193
+ border-radius: 4px;
2194
+ }
2195
+
2196
+ .laji-map-dialog .alert-danger {
2197
+ color: #a94442;
2198
+ background-color: #f2dede;
2199
+ border-color: #ebccd1;
2200
+ }
2201
+ .laji-map-dialog .alert-warning {
2202
+ color: #8a6d3b;
2203
+ background-color: #fcf8e3;
2204
+ border-color: #faebcc
2205
+ }
2206
+ .laji-map-dialog .nav-tabs {
2207
+ border: none;
2208
+ }
2209
+ .laji-map-dialog .nav {
2210
+ padding-left: 0;
2211
+ margin-bottom: 0;
2212
+ list-style: none;
2213
+ }
2214
+ .laji-map-dialog ul, .laji-map-dialog ol {
2215
+ margin-top: 0;
2216
+ margin-bottom: 10px;
2217
+ }
2218
+ .laji-map-dialog .nav-tabs>li {
2219
+ float: left;
2220
+ margin-bottom: -1px;
2221
+ }
2222
+ .laji-map-dialog .nav>li {
2223
+ position: relative;
2224
+ display: block;
2225
+ }
2226
+ .laji-map-dialog .nav-tabs>li.active>a, .laji-map-dialog .nav-tabs>li.active>a:hover, .laji-map-dialog .nav-tabs>li.active>a:focus {
2227
+ color: #555;
2228
+ cursor: default;
2229
+ background-color: #fff;
2230
+ border: 1px solid #ddd;
2231
+ border-bottom-color: transparent;
2232
+ }
2233
+ .laji-map-dialog .nav-tabs>li>a {
2234
+ margin-right: 2px;
2235
+ line-height: 1.42857143;
2236
+ border: 1px solid transparent;
2237
+ border-radius: 4px 4px 0 0;
2238
+ }
2239
+ .laji-map-dialog .nav>li>a {
2240
+ position: relative;
2241
+ display: block;
2242
+ padding: 10px 15px;
2243
+ }
2244
+ .laji-map-dialog .nav:before, .laji-map-dialog .nav:after {
2245
+ display: table;
2246
+ content: " ";
2247
+ }
2248
+ .laji-map-dialog table {
2249
+ border-collapse: collapse;
2250
+ border-spacing: 0;
2251
+ }
2252
+ .laji-map-dialog td, .laji-map-dialog th {
2253
+ padding: 0;
2254
+ }
2255
+ .laji-map-dialog a {
2256
+ color: #337ab7;
2257
+ text-decoration: none;
2258
+ }
2259
+ .laji-map-dialog * {
2260
+ box-sizing:border-box
2261
+ }
2262
+ .laji-map-dialog .form-control[disabled], .laji-map-dialog .form-control[readonly], .laji-map-dialog fieldset[disabled] .form-control {
2263
+ background-color: #eee;
2264
+ opacity: 1;
2265
+ }
2266
+
1923
2267
  .leaflet-measure-path-measurement {
1924
2268
  position: absolute;
1925
2269
  font-size: 10px;
package/lib/components/fields/ImageArrayField.js CHANGED
@@ -74,17 +74,11 @@ const LajiForm_1 = __importDefault(require("../LajiForm"));
74
74
  const utils_1 = require("../../utils");
75
75
  const BaseComponent_1 = __importDefault(require("../BaseComponent"));
76
76
  const react_spinner_1 = __importDefault(require("react-spinner"));
77
- const exif_js_1 = __importDefault(require("exif-js"));
77
+ const exifreader_1 = __importDefault(require("exifreader"));
78
78
  const utils_2 = require("@luomus/laji-map/lib/utils");
79
79
  const moment_1 = __importDefault(require("moment"));
80
80
  const ReactContext_1 = __importDefault(require("../../ReactContext"));
81
81
  const utils_3 = require("@rjsf/utils");
82
- function toDecimal(number) {
83
- if (!number)
84
- return undefined;
85
- return number[0].numerator + number[1].numerator /
86
- (60 * number[1].denominator) + number[2].numerator / (3600 * number[2].denominator);
87
- }
88
82
  let mediaUuid = 0;
89
83
  let ImageArrayField = class ImageArrayField extends React.Component {
90
84
  constructor() {
@@ -270,11 +264,16 @@ function MediaArrayField(ComposedComponent) {
270
264
  return promise;
271
265
  }
272
266
  return promise.then(found => new Promise(resolve => {
273
- exif_js_1.default.getData(file, function () {
267
+ exifreader_1.default.load(file).then(tags => {
268
+ var _a, _b;
274
269
  if ("geometry" in found)
275
270
  try {
276
- const coordinates = ["GPSLongitude", "GPSLatitude"].map(tag => toDecimal(exif_js_1.default.getTag(this, tag)));
277
- const rawDatum = exif_js_1.default.getTag(this, "GPSMapDatum");
271
+ const coordinates = ["GPSLongitude", "GPSLatitude"].map(tag => {
272
+ var _a;
273
+ const coord = (_a = tags[tag]) === null || _a === void 0 ? void 0 : _a.description;
274
+ return coord;
275
+ });
276
+ const rawDatum = (_a = tags["GPSMapDatum"]) === null || _a === void 0 ? void 0 : _a.description;
278
277
  const datum = typeof rawDatum === "string"
279
278
  ? rawDatum.trim().toUpperCase()
280
279
  : undefined;
@@ -301,7 +300,7 @@ function MediaArrayField(ComposedComponent) {
301
300
  };
302
301
  if ("date" in found) {
303
302
  try {
304
- const rawDate = exif_js_1.default.getTag(this, "DateTimeOriginal");
303
+ const rawDate = (_b = tags["DateTimeOriginal"]) === null || _b === void 0 ? void 0 : _b.description;
305
304
  const momentDate = (0, moment_1.default)(rawDate, "YYYY:MM:DD HH:mm:ss");
306
305
  if (momentDate.isValid()) {
307
306
  found.date = momentDate.format("YYYY-MM-DDTHH:mm");
package/lib/components/widgets/AutosuggestWidget.js CHANGED
@@ -87,8 +87,10 @@ class _AutosuggestWidget extends React.Component {
87
87
  return React.createElement(TaxonAutosuggestWidget, Object.assign({}, this.props, { options: Object.assign(Object.assign({}, this.props.options), { autosuggestField: "taxa" }) }));
88
88
  case "unit":
89
89
  return React.createElement(UnitAutosuggestWidget, Object.assign({}, this.props, { basePath: "/shorthand/unit/trip-report" }));
90
- case "friends":
91
90
  case "person":
91
+ return React.createElement(FriendsAutosuggestWidget, Object.assign({}, this.props, { options: Object.assign(Object.assign({}, this.props.options), { autosuggestField: "persons" }) }));
92
+ case "friends":
93
+ case "persons":
92
94
  return React.createElement(FriendsAutosuggestWidget, Object.assign({}, this.props));
93
95
  case "organization":
94
96
  return React.createElement(OrganizationAutosuggestWidget, Object.assign({}, this.props));
@@ -115,6 +117,7 @@ class _AutosuggestWidget extends React.Component {
115
117
  break;
116
118
  case "friends":
117
119
  case "person":
120
+ case "persons":
118
121
  component = FriendsAutosuggestWidget;
119
122
  break;
120
123
  case "organization":
@@ -330,7 +333,7 @@ class FriendsAutosuggestWidget extends React.Component {
330
333
  const { showID } = (0, utils_1.getUiOptions)(this.props);
331
334
  const { isAdmin } = this.props.formContext.uiSchemaContext;
332
335
  if (this.isValueSuggested(value)) {
333
- const { fullName, group, id } = yield this.props.formContext.apiClient.get(`/person/by-id/${value}`);
336
+ const { fullName, group, id } = yield this.props.formContext.apiClient.get(`/person/${value}`);
334
337
  if (fullName) {
335
338
  const addGroup = str => group ? `${str} (${group})` : str;
336
339
  const addID = str => isAdmin && showID ? `${str} (${id})` : str;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luomus/laji-form",
3
- "version": "15.1.74",
3
+ "version": "15.1.76",
4
4
  "description": "React module capable of building dynamic forms from Laji form json schemas",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",
@@ -40,7 +40,7 @@
40
40
  "repository": "git+https://github.com/luomus/laji-form.git",
41
41
  "license": "MIT",
42
42
  "dependencies": {
43
- "@luomus/laji-map": "^5.1.17",
43
+ "@luomus/laji-map": "^5.1.18",
44
44
  "@luomus/laji-validate": "^0.0.123",
45
45
  "@rjsf/core": "~5.1.0",
46
46
  "@rjsf/utils": "~5.1.0",
@@ -52,7 +52,7 @@
52
52
  "@types/react-spinner": "^0.2.0",
53
53
  "deep-equal": "^2.0.5",
54
54
  "deepmerge": "^4.2.2",
55
- "exif-js": "^2.3.0",
55
+ "exifreader": "^4.32.0",
56
56
  "immutability-helper": "^3.1.1",
57
57
  "isomorphic-fetch": "^3.0.0",
58
58
  "memoizee": "^0.4.15",