Allow user to select icons from an external library

package.json

@@ -60,7 +60,7 @@
     "react-sortable-hoc": "^1.11.0",
     "react-sortable-tree": "^2.8.0",
     "react-test-renderer": "^16.14.0",
-    "react-window": "^1.8.9",
+    "react-window": "^1.8.11",
     "sass": "^1.58.3",
     "tinycolor2": "^1.6.0",
     "unist-util-visit": "^4.1.2",

public/locales/en/translation.json

@@ -388,31 +388,31 @@
       "error": "Error"
     },
     "tooltip": {
-     "times": "Times",
-     "started": "Started on",
-     "finished": "Finished on",
-     "notStarted": "Not started yet",
-     "notFinished": "Not finished yet",
-     "lines": {
-       "singular": "line",
-       "plural": "lines"
-     },
-     "added": {
-       "singular": "line added",
-       "plural": "lines added"
-     },
-     "modified": {
-       "singular": "line modified",
-       "plural": "lines modified"
-     },
-     "deleted": {
-       "singular": "line deleted",
-       "plural": "lines deleted"
-     },
-     "errors": {
-       "singular": "error",
-       "plural": "errors"
-     }
+      "times": "Times",
+      "started": "Started on",
+      "finished": "Finished on",
+      "notStarted": "Not started yet",
+      "notFinished": "Not finished yet",
+      "lines": {
+        "singular": "line",
+        "plural": "lines"
+      },
+      "added": {
+        "singular": "line added",
+        "plural": "lines added"
+      },
+      "modified": {
+        "singular": "line modified",
+        "plural": "lines modified"
+      },
+      "deleted": {
+        "singular": "line deleted",
+        "plural": "lines deleted"
+      },
+      "errors": {
+        "singular": "error",
+        "plural": "errors"
+      }
     }
   },
   "datalayer": {
@@ -425,7 +425,7 @@
       "data-source": "Data source",
       "definition": "Definition",
       "source-filter": {
-        "label":"Source filter",
+        "label": "Source filter",
         "helper": "You can use an expression to filter the source data. ex: « name == \"john\" and age > 18 »",
         "error": "Your input can't be parsed, please fix it.",
         "error-invalid": "Your input is invalid, see error below.",
@@ -592,12 +592,6 @@
         "no-source": "Please select a source before configuring style",
         "secondarylabels": "Secondary styles"
       },
-      "style-images": {
-        "tab": "Icons",
-        "name": "Name",
-        "compose": "Compose",
-        "upload": "Upload"
-      },
       "embed": {
         "tab": "Embed",
         "no-embed": "To add an embed, click on",
@@ -629,6 +623,29 @@
       }
     }
   },
+  "icon": {
+    "form": {
+      "name": "Name",
+      "file": {
+        "label": "File",
+        "picker": "Choose an icon",
+        "compose": "Compose",
+        "library": {
+          "button": "Select from library",
+          "dialog": {
+            "title": "Select from an icon library",
+            "categories": "Categories",
+            "icons": "Icons",
+            "selected": "Selected",
+            "error": "An error occured while fetching the icons",
+            "errorImage": "An error occured while fetching the image",
+            "cancel": "Cancel"
+          }
+        },
+        "upload": "Upload"
+      }
+    }
+  },
   "baseLayer": {
     "project": "Base map",
     "nav": {
@@ -679,6 +696,7 @@
     "nav": {
       "baselayer_list": "Base layer list",
       "user_list": "User list",
+      "icon_list": "Icon list",
       "usergroup_list": "User group list",
       "datalayer_list": "Layer list",
       "datasource_list": "Data source list",
@@ -715,7 +733,7 @@
       "start": "Start",
       "close": "Close",
       "submit": "Submit",
-      "validate": "Vaidate",
+      "validate": "Validate",
       "refuse": "Refuse",
       "unselect": "Unselect"
     },

public/locales/fr/translation.json

@@ -440,31 +440,31 @@
       "error": "Erreur"
     },
     "tooltip": {
-     "times": "Temps",
-     "started": "Commencé le",
-     "finished": "Finit le",
+      "times": "Temps",
+      "started": "Commencé le",
+      "finished": "Finit le",
       "notStarted": "Pas encore commencé",
       "notFinished": "Pas encore fini",
-     "lines": {
-       "singular": "ligne",
-       "plural": "lignes"
-     },
-     "added": {
-       "singular": "ligne ajoutée",
-       "plural": "lignes ajoutées"
-     },
-     "modified": {
-       "singular": "ligne modifiée",
-       "plural": "lignes modifiées"
-     },
-     "deleted": {
-       "singular": "ligne supprimée",
-       "plural": "lignes supprimées"
-     },
-     "errors": {
-       "singular": "erreur",
-       "plural": "erreurs"
-     }
+      "lines": {
+        "singular": "ligne",
+        "plural": "lignes"
+      },
+      "added": {
+        "singular": "ligne ajoutée",
+        "plural": "lignes ajoutées"
+      },
+      "modified": {
+        "singular": "ligne modifiée",
+        "plural": "lignes modifiées"
+      },
+      "deleted": {
+        "singular": "ligne supprimée",
+        "plural": "lignes supprimées"
+      },
+      "errors": {
+        "singular": "erreur",
+        "plural": "erreurs"
+      }
     }
   },
   "datalayer": {
@@ -644,12 +644,6 @@
         "no-source": "Veuillez choisir une source de données avant de configurer les styles",
         "secondarylabels": "Styles secondaires"
       },
-      "style-images": {
-        "tab": "Icônes",
-        "name": "Nom",
-        "compose": "Composer",
-        "upload": "Envoyer"
-      },
       "embed": {
         "tab": "Inclusions",
         "no-embed": "Pour activer les inclusions, cliquer sur",
@@ -681,6 +675,29 @@
       }
     }
   },
+  "icon": {
+    "form": {
+      "name": "Nom",
+      "file": {
+        "label": "Fichier",
+        "picker": "Choisir une icône",
+        "compose": "Composer",
+        "library": {
+          "button": "Choisir depuis une bibliothèque",
+          "dialog": {
+            "title": "Choisir depuis une bibliothèque",
+            "categories": "Catégories",
+            "icons": "Icônes",
+            "selected": "Sélectionnées",
+            "error": "Une erreur est survenue lors de la récupération des icônes",
+            "errorImage": "Une erreur est survenue lors de la récupération de l'image",
+            "cancel": "Annuler"
+          }
+        },
+        "upload": "Envoyer"
+      }
+    }
+  },
   "baseLayer": {
     "project": "Fond de carte",
     "nav": {
@@ -731,6 +748,7 @@
     "nav": {
       "baselayer_list": "Liste des fonds de carte",
       "user_list": "Liste des utilisateurs",
+      "icon_list": "Liste des icônes",
       "usergroup_list": "Liste des groupes utilisateurs",
       "datalayer_list": "Liste des couches",
       "datasource_list": "Liste des sources de données",