Merge pull request #607 from jjkim11/feature/add-delete-button-to-fil…

…epicker

PropertyFieldFilePicker - add a delete button to the selected file

src/loc/ar-sa.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "أنت مسؤول عن احترام حقوق الآخرين ، بما في ذلك حقوق النشر.",
     "CreativeCommonsMessage": "يتم تمييز هذه النتائج بتراخيص المشاع الإبداعي. راجع التراخيص للتأكد من التزامك بها.",
     "DateFormat": "مم / يوم / سنة حه: مم أ",
+    "DeleteSelectedFileButtonLabel": "حذف الملف المحدد",
     "DocumentLabelTemplate": "{0},مستند,معدل {1},تم التعديل بواسطة {2},خاص",
     "DocumentLibraries": "مكتبات المستندات",
     "EditedByNamePlate": "حررت بواسطة ",

src/loc/bg-bg.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Вие носите отговорност за зачитането на правата на другите, включително авторските права.",
     "CreativeCommonsMessage": "Тези резултати са маркирани с лицензи на Криейтив Енъли. Прегледайте лицензите, за да се уверите, че спазвате.",
     "DateFormat": "2000 mm/дд/гггг чч: ммА",
+    "DeleteSelectedFileButtonLabel": "Изтрий избрания файл",
     "DocumentLabelTemplate": "{0}, Документ, Модифициран {1}, редактиран от {2}, Лично",
     "DocumentLibraries": "Библиотеки с документи",
     "EditedByNamePlate": "редактирани от ",

src/loc/ca-es.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Vostè és responsable de respectar els drets dels altres, inclosos els drets d'autor.",
     "CreativeCommonsMessage": "Aquests resultats estan etiquetats amb llicències Creative Commons. Reviseu les llicències per assegurar-vos que compliu.",
     "DateFormat": "MM / DD / YYYY hh: mm A",
+    "DeleteSelectedFileButtonLabel": "Suprimeix el fitxer seleccionat",
     "DocumentLabelTemplate": "{0}, Document, Modificat {1}, editat per {2}, Privat",
     "DocumentLibraries": "Biblioteques de documents",
     "EditedByNamePlate": "editat per ",

src/loc/cs-cz.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Jste odpovědní za respektování práv ostatních včetně autorských práv.",
     "CreativeCommonsMessage": "Výsledky jsou označeny licencemi Creative Commons. Zkontrolujte licence abyste se ujistili, že vyhovujete.",
     "DateFormat": "MM/DD/RRRR hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Smazat vybraný soubor",
     "DocumentLabelTemplate": "{0}, dokument, upraven {1}, upravil {2}, soukromé",
     "DocumentLibraries": "Knihovny dokumentů",
     "EditedByNamePlate": "editoval",

src/loc/da-dk.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Du er ansvarlig for at respektere andres rettigheder, herunder ophavsret.",
     "CreativeCommonsMessage": "Disse resultater er mærket med Creative Commons-licenser. Gennemgå licenserne for at sikre, at du overholder reglerne.",
     "DateFormat": "MM/DD/ÅÅÅÅÅ hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Slet valgte fil",
     "DocumentLabelTemplate": "{0}, Dokument, Ændret {1}, redigeret af {2}, Privat",
     "DocumentLibraries": "Dokumentbiblioteker",
     "EditedByNamePlate": "redigeret af ",

src/loc/de-de.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Sie sind für die Achtung der Rechte anderer verantwortlich, einschließlich des Urheberrechts.",
     "CreativeCommonsMessage": "Diese Ergebnisse sind mit Creative Commons-Lizenzen gekennzeichnet. Überprüfen Sie die Lizenzen, um sicherzustellen, dass Sie die Anforderungen erfüllen.",
     "DateFormat": "MM/TT/JJJJ hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Ausgewählte Datei löschen",
     "DocumentLabelTemplate": "{0}, Dokument, Geändertes {1}, bearbeitet von {2}, Privat",
     "DocumentLibraries": "Dokumentbibliotheken",
     "EditedByNamePlate": "bearbeitet von ",

src/loc/el-gr.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Είστε υπεύθυνοι για το σεβασμό των δικαιωμάτων των άλλων, συμπεριλαμβανομένων των πνευματικών δικαιωμάτων.",
     "CreativeCommonsMessage": "Αυτά τα αποτελέσματα επισημαίνονται με άδειες Creative Commons. Ελέγξτε τις άδειες χρήσης για να βεβαιωθείτε ότι συμμορφώνεστε.",
     "DateFormat": "ΜΜ/ΗΗ/ΕΕΕΕ ωω",
+    "DeleteSelectedFileButtonLabel": "Διαγραφή επιλεγμένου αρχείου",
     "DocumentLabelTemplate": "{0}, Έγγραφο, Τροποποιημένο {1}, επεξεργασμένο από {2}, Ιδιωτικό",
     "DocumentLibraries": "Βιβλιοθήκες εγγράφων",
     "EditedByNamePlate": "επεξεργασία από ",

src/loc/en-gb.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "You are responsible for respecting others' rights, including copyright.",
     "CreativeCommonsMessage": "These results are tagged with Creative Commons licenses. Review the licenses to ensure you comply.",
     "DateFormat": "DD/MM/YYYY hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Delete selected file",
     "DocumentLabelTemplate": "{0}, Document, Modified {1}, edited by {2}, Private",
     "DocumentLibraries": "Document libraries",
     "EditedByNamePlate": "edited by ",

src/loc/en-us.js

@@ -100,6 +100,7 @@ define([], function () {
     CopyrightWarning: "You are responsible for respecting others' rights, including copyright.",
     CreativeCommonsMessage: "These results are tagged with Creative Commons licenses. Review the licenses to ensure you comply.",
     DateFormat: "MM/DD/YYYY hh:mm A",
+    DeleteSelectedFileButtonLabel: "Delete selected file",
     DocumentLabelTemplate: "{0}, Document, Modified {1}, edited by {2}, Private",
     DocumentLibraries: "Document libraries",
     EditedByNamePlate: "edited by ",

src/loc/es-es.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Usted es responsable de respetar los derechos de los demás, incluidos los derechos de autor.",
     "CreativeCommonsMessage": "Estos resultados se etiquetan con licencias Creative Commons. Revise las licencias para asegurarse de que cumple.",
     "DateFormat": "MM/DD/AAAA hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Eliminar archivo seleccionado",
     "DocumentLabelTemplate": "{0}, Documento, {1} modificada, editado por {2}, Privado",
     "DocumentLibraries": "Bibliotecas de documentos",
     "EditedByNamePlate": "editado por ",

src/loc/et-ee.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Teie vastutate teiste õiguste, sealhulgas autoriõiguse austamise eest.",
     "CreativeCommonsMessage": "Need tulemused on sildistatud Creative Commons i litsentsidega. Vaadake litsentsid üle, et tagada nende järgimine.",
     "DateFormat": "KK/PP/AAAA hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Kustuta valitud fail",
     "DocumentLabelTemplate": "{0}, Dokument, Muudetud {1}, redigeeritud {2}, Private",
     "DocumentLibraries": "Dokumenditeegid",
     "EditedByNamePlate": "toimetanud: ",

src/loc/fi-fi.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Olet vastuussa muiden oikeuksien, myös tekijänoikeuksien, kunnioittamisesta.",
     "CreativeCommonsMessage": "Nämä tulokset on merkitty Creative Commons -lisensseillä. Tarkista käyttöoikeudet varmistaaksesi, että noudatat sääntöjä.",
     "DateFormat": "KK/PP/VVVV hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Poista valittu tiedosto",
     "DocumentLabelTemplate": "{0}, Asiakirja, Muokattu {1}, muokannut {2}, Yksityinen",
     "DocumentLibraries": "Asiakirjakirjastojen",
     "EditedByNamePlate": "muokannut ",

src/loc/fr-fr.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Vous êtes responsable du respect des droits des autres, y compris le droit d’auteur.",
     "CreativeCommonsMessage": "Ces résultats sont marqués avec les licences Creative Commons. Examinez les licences pour vous assurer de vous conformer.",
     "DateFormat": "MM/JJ/AAAA hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Supprimer le fichier sélectionné",
     "DocumentLabelTemplate": "{0}, Document, Modified {1}, édité par {2}, Private",
     "DocumentLibraries": "Bibliothèques de documents",
     "EditedByNamePlate": "édité par ",

src/loc/it-it.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "L'utente è responsabile del rispetto dei diritti al di per gli altri, incluso il diritto d'autore.",
     "CreativeCommonsMessage": "Questi risultati sono contrassegnati con licenze Creative Commons. Esaminare le licenze per assicurarsi che siano conformi.",
     "DateFormat": "MM/GG/AAAA hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Elimina file selezionato",
     "DocumentLabelTemplate": "{0}, Documento, {1} modificato, {2} da",
     "DocumentLibraries": "Raccolte documenti",
     "EditedByNamePlate": "a modifica di ",

src/loc/ja-jp.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "著作権を含め、他人の権利を尊重する責任があります。",
     "CreativeCommonsMessage": "これらの結果にはクリエイティブ・コモンズのライセンスがタグ付けされます。ライセンスを確認して、準拠していることを確認します。",
     "DateFormat": "MM/DD/YYYY hh:mm A",
+    "DeleteSelectedFileButtonLabel": "選択したファイルを削除",
     "DocumentLabelTemplate": "{0}, ドキュメント, 修正{1}, 編集: {2}, プライベート",
     "DocumentLibraries": "ドキュメント ライブラリ",
     "EditedByNamePlate": "編集日時:",

src/loc/lt-lt.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Jūs esate atsakingi už pagarbą kitų teisėms, įskaitant autorių teises.",
     "CreativeCommonsMessage": "Šie rezultatai pažymėti Creative Commons licencijomis. Peržiūrėkite licencijas, kad įsitikintumėte, jog laikotės reikalavimų.",
     "DateFormat": "MM/DD/MMMM:mm A",
+    "DeleteSelectedFileButtonLabel": "Ištrinti pasirinktą failą",
     "DocumentLabelTemplate": "{0}, dokumentas, modifikuotas {1}, redaguotas {2}, Privatus",
     "DocumentLibraries": "Dokumentų bibliotekos",
     "EditedByNamePlate": "redagavo ",

src/loc/lv-lv.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Jūs esat atbildīgs par citu tiesību, tostarp autortiesību, ievērošanu.",
     "CreativeCommonsMessage": "Šie rezultāti ir atzīmēti ar Creative Commons licencēm. Pārskatiet licences, lai nodrošinātu atbilstību.",
     "DateFormat": "MM/DD/GGGG hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Izdzēst atlasīto failu",
     "DocumentLabelTemplate": "{0}, dokuments, modificēts {1}, rediģējis {2}, Privāts",
     "DocumentLibraries": "Dokumentu bibliotēkas",
     "EditedByNamePlate": "rediģējis ",

src/loc/mystrings.d.ts

@@ -109,7 +109,6 @@ declare interface IPropertyControlStrings {
   TeamPickerNoResults: string;
   TeamPickerSitesChosen: string;
 
-  //FilePicker
   // File picker
   AddFileButtonLabel: string;
   AddImageButtonLabel: string;
@@ -124,6 +123,7 @@ declare interface IPropertyControlStrings {
   CopyrightWarning: string;
   CreativeCommonsMessage: string;
   DateFormat: string;
+  DeleteSelectedFileButtonLabel: string;
   DocumentLabelTemplate: string;
   DocumentLibraries: string;
   EditedByNamePlate: string;

src/loc/nb-no.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Du er ansvarlig for å respektere andres rettigheter, inkludert opphavsrett.",
     "CreativeCommonsMessage": "Disse resultatene er merket med Creative Commons-lisenser. Se gjennom lisensene for å sikre at du overholder reglene.",
     "DateFormat": "MM/DD/ÅYYY hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Slett valgt fil",
     "DocumentLabelTemplate": "{0}, Dokument, {1}, redigert av {2}, Privat",
     "DocumentLibraries": "Dokumentbiblioteker",
     "EditedByNamePlate": "redigert av ",

src/loc/nl-nl.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "U bent verantwoordelijk voor de eerbiediging van de rechten van anderen, inclusief het auteursrecht.",
     "CreativeCommonsMessage": "Deze resultaten zijn gelabeld met Creative Commons-licenties. Controleer de licenties om ervoor te zorgen dat u voldoet.",
     "DateFormat": "MM / DD / JJJJ hh: mm A",
+    "DeleteSelectedFileButtonLabel": "Geselecteerd bestand verwijderen",
     "DocumentLabelTemplate": "{0}, Document, Gewijzigd {1}, bewerkt door {2}, Privé",
     "DocumentLibraries": "Documentbibliotheken",
     "EditedByNamePlate": "bewerkt door ",

src/loc/no.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Du er ansvarlig for å respektere andres rettigheter, inkludert opphavsrett.",
     "CreativeCommonsMessage": "Disse resultatene er merket med Creative Commons-lisenser. Se gjennom lisensene for å sikre at du overholder dem.",
     "DateFormat": "MM/DD/ÅÅÅÅ hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Slett valgt fil",
     "DocumentLabelTemplate": "{0}, Dokument, Endret {1}, redigert av {2}, Privat",
     "DocumentLibraries": "Dokumentbiblioteker",
     "EditedByNamePlate": "redigert av ",

src/loc/pl-pl.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Użytkownik jest odpowiedzialny za poszanowanie praw innych osób, w tym praw autorskich.",
     "CreativeCommonsMessage": "Wyniki te są oznaczone licencjami Creative Commons. Przejrzyj licencje, aby upewnić się, że są zgodne.",
     "DateFormat": "MM/DD/RRRR gg:mm A",
+    "DeleteSelectedFileButtonLabel": "Usuń wybrany plik",    
     "DocumentLabelTemplate": "{0}, Dokument, Zmodyfikowana {1}, edytowana przez {2},",
     "DocumentLibraries": "Biblioteki dokumentów",
     "EditedByNamePlate": "edytowane przez ",

src/loc/pt-pt.js

@@ -98,6 +98,7 @@ define([], () => {
     "CopyrightWarning": "É responsável pelo respeito pelos direitos dos outros, incluindo direitos de autor.",
     "CreativeCommonsMessage": "Estes resultados estão marcados com licenças Creative Commons. Reveja as licenças para garantir que cumpre.",
     "DateFormat": "MM/DD/YYYY hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Eliminar ficheiro selecionado",    
     "DocumentLabelTemplate": "{0}, Documento, {1} Modificado, editado por {2}, Private",
     "DocumentLibraries": "Bibliotecas documentais",
     "EditedByNamePlate": "editado por ",

src/loc/ro-ro.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Sunteți responsabil pentru respectarea drepturilor altora, inclusiv a drepturilor de autor.",
     "CreativeCommonsMessage": "Aceste rezultate sunt etichetate cu licențe Creative Commons. Examinați licențele pentru a vă asigura că le respectați.",
     "DateFormat": "MM/ZZ/AAAAA HH:mm A",
+    "DeleteSelectedFileButtonLabel": "Ștergeți fișierul selectat",    
     "DocumentLabelTemplate": "{0}, Document, {1} modificat, editat de {2}, Privat",
     "DocumentLibraries": "Biblioteci de documente",
     "EditedByNamePlate": "editat de ",

src/loc/ru-ru.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Вы несете ответственность за соблюдение прав других, включая авторское право.",
     "CreativeCommonsMessage": "Эти результаты помечены лицензиями Creative Commons. Просмотрите лицензии, чтобы убедиться, что вы соблюдаете.",
     "DateFormat": "ММ/ДД/YYYY hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Удалить выбранный файл",    
     "DocumentLabelTemplate": "{0}, Документ, Измененные {1}, под редакцией {2}, Частные",
     "DocumentLibraries": "Библиотеки документов",
     "EditedByNamePlate": "под редакцией ",

src/loc/sk-sk.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Ste zodpovední za rešpektovanie práv iných vrátane autorských práv.",
     "CreativeCommonsMessage": "Tieto výsledky sú označené licenciami Creative Commons. Skontrolujte licencie, aby ste sa uistili, že spĺňate požiadavky.",
     "DateFormat": "MM/DD/RRRR hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Zmazať vybraný súbor",    
     "DocumentLabelTemplate": "{0}, Dokument, {1}, editoval {2}, Súkromné",
     "DocumentLibraries": "Knižnice dokumentov",
     "EditedByNamePlate": "editoval ",

src/loc/sr-latn-rs.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Vi ste odgovorni za poštovanje tuđih prava, uključujući autorska prava.",
     "CreativeCommonsMessage": "Ovi rezultati su označeni Creative Commons licencama. Pregledajte licence da biste se uverili da se pridržavate.",
     "DateFormat": "MM/DD/YYYY hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Izbriši izabrani fajl",    
     "DocumentLabelTemplate": "{0}, Dokument, Izmenjeni {1}, koje je uredio {2}, Privatni",
     "DocumentLibraries": "Biblioteke dokumenata",
     "EditedByNamePlate": "uredio ",

src/loc/sv-se.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Du ansvarar för att andras rättigheter respekteras, inklusive upphovsrätt.",
     "CreativeCommonsMessage": "Dessa resultat är märkta med Creative Commons-licenser. Granska licenserna för att säkerställa att du följer reglerna.",
     "DateFormat": "MM/DD/ÅÅÅÅ hh:mm A",
+    "DeleteSelectedFileButtonLabel": "Ta bort vald fil",    
     "DocumentLabelTemplate": "{0}, Dokument, Ändrad {1}, redigerad av {2}, Privat",
     "DocumentLibraries": "Dokumentbibliotek",
     "EditedByNamePlate": "redigerad av ",

src/loc/tr-tr.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Telif hakkı da dahil olmak üzere başkalarının haklarına saygı göstermeksizin sorumlusunuz.",
     "CreativeCommonsMessage": "Bu sonuçlar Creative Commons lisansları ile etiketlenir. Uymanızı sağlamak için lisansları gözden geçirin.",
     "DateFormat": "AA/GG/YYYY ss:mm A",
+    "DeleteSelectedFileButtonLabel": "Seçilen dosyayı sil",    
     "DocumentLabelTemplate": "{0}, Belge, Değiştirilmiş {1}, {2}, Özel",
     "DocumentLibraries": "Belge kitaplıkları",
     "EditedByNamePlate": "tarafından düzenlendi ",

src/loc/vi-vn.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "Bạn có trách nhiệm tôn trọng quyền của người khác, bao gồm cả bản quyền.",
     "CreativeCommonsMessage": "Những kết quả này được gắn thẻ với giấy phép Creative Commons. Xem lại giấy phép để đảm bảo bạn tuân thủ.",
     "DateFormat": "MM / DD / YYYY hh: mm A",
+    "DeleteSelectedFileButtonLabel": "Xóa tệp đã chọn",    
     "DocumentLabelTemplate": "{0}, Tài liệu, Sửa đổi {1}, chỉnh sửa bởi {2}, Riêng tư",
     "DocumentLibraries": "Thư viện tài liệu",
     "EditedByNamePlate": "chỉnh sửa bởi ",

src/loc/zh-cn.js

@@ -99,6 +99,7 @@ define([], () => {
     "CopyrightWarning": "您有责任尊重他人的权利，包括版权。",
     "CreativeCommonsMessage": "这些结果使用知识共享许可证进行标记。查看许可证以确保符合要求。",
     "DateFormat": "毫米/DD/YYYY hh：mm A",
+    "DeleteSelectedFileButtonLabel": "删除所选文件",    
     "DocumentLabelTemplate": "{0}， 文档， 修改{1}， 编辑， {2}， 私人",
     "DocumentLibraries": "文档库",
     "EditedByNamePlate": "编辑者",

src/loc/zh-tw.js

@@ -99,6 +99,7 @@ define([], () => {
   "CopyrightWarning": "您有責任尊重他人的權利,包括版權。",
   "CreativeCommonsMessage": "這些結果使用知識共用許可證進行標記。查看許可證以確保符合要求。",
   "DateFormat": "毫米/DD/YYYY hh:mm A。",
+  "DeleteSelectedFileButtonLabel": "刪除所選擇的文件",  
   "DocumentLabelTemplate": "{0}, 文檔, 修改{1}, 編輯, {2}, 私人。",
   "DocumentLibraries": "文檔庫。",
   "EditedByNamePlate": "編輯者。",

src/propertyFields/filePicker/PropertyFieldFilePickerHost.module.scss

@@ -1,11 +1,16 @@
 .filePreview {
-    margin-bottom: 20px;
+  margin-bottom: 20px;
+}
+
+  .filePreviewDelete {
+    display: flex;
+    align-items: center;
+    padding-top: 4px;
   }
-  
+
   .filePreviewImage {
     display: block;
     max-width: 100%;
     max-height: 220px;
     image-orientation: from-image;
   }
-