BIS-753: Added several more file types and file icons.

ui-admin/src/js/components/App.jsx

@@ -21,10 +21,13 @@ import ComponentContext from '@src/js/components/common/ComponentContext.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { fab } from '@fortawesome/free-brands-svg-icons'
-import { faFile, faFileArchive, faFileAudio, faFileImage, faFileText, faFileVideo, faFolder } from '@fortawesome/free-solid-svg-icons'
+import { faFolder, faFile, faFileArchive, faFileAudio, faFileImage, faFileText,
+  faFileVideo, faFileCode, faFilePdf, faFileWord, faFileExcel, faFilePowerpoint,
+  faFileCsv } from '@fortawesome/free-solid-svg-icons'
 
-library.add(fab, faFile, faFolder, faFileAudio, faFileText, faFileVideo,
-  faFileImage, faFileArchive)
+library.add(fab, faFolder, faFile, faFileAudio, faFileText, faFileVideo,
+  faFileCode, faFileImage, faFileArchive, faFilePdf, faFileWord, faFileExcel,
+  faFilePowerpoint, faFileCsv)
 
 const styles = {
   container: {

ui-admin/src/js/components/database/data-browser/DataBrowser.jsx

@@ -67,6 +67,7 @@ const styles = theme => ({
 
 const configuration =
   [
+    // Coarse file formats
     {
       icon: 'file-audio',
       extensions: ['wav', 'mp3', 'acc', 'ogg', 'flac', 'm4a', 'wma', 'opus',
@@ -74,9 +75,8 @@ const configuration =
     },
     {
       icon: 'file-text',
-      extensions: ['txt', 'rtf', 'doc', 'docx', 'pdf', 'xls', 'xlsx',
-        'ppt', 'pptx', 'odt', 'ods', 'odp', 'csv', 'tsv', 'html', 'htm',
-        'xml', 'epub', 'md', 'tex', 'pages', 'numbers', 'key', 'mobi', 'indd']
+      extensions: ['txt', 'rtf', 'odt', 'ods', 'odp', 'html', 'htm', 'epub',
+        'md', 'tex', 'pages', 'numbers', 'key', 'mobi', 'indd']
     },
     {
       icon: 'file-video',
@@ -92,7 +92,34 @@ const configuration =
       icon: 'file-archive',
       extensions:  ['zip', 'rar', '7z', 'tar', 'gz', 'bz2', 'xz', 'iso', 'zipx',
         'cab', 'arj', 'lz', 'lzma', 'z', 'tgz', 'ace', 'dmg']
-    }
+    },
+    {
+      icon: 'file-code',
+      extensions:  ['xml', 'js', 'html', 'css', 'c', 'cpp', 'cs', 'php', 'rb',
+        'swift', 'go', 'rs', 'ts', 'json', 'sh', 'bat', 'sql', 'yaml', 'yml',
+        'jsx', 'tsx', 'pl', 'scala', 'kt']
+    },
+    // Fine-grained file formats
+    {
+      icon: 'file-pdf',
+      extensions: ['pdf']
+    },
+    {
+      icon: 'file-word',
+      extensions: ['doc', 'docx']
+    },
+    {
+      icon: 'file-excel',
+      extensions: ['xls', 'xlsx']
+    },
+    {
+      icon: 'file-powerpoint',
+      extensions: ['ppt', 'pptx']
+    },
+    {
+      icon: 'file-csv',
+      extensions: ['csv', 'tsv']
+    },
   ]
 
 class DataBrowser extends React.Component {