create icon for pdf

packages/docregistry/src/registry.ts

@@ -44,6 +44,7 @@ import {
   jsonIcon,
   markdownIcon,
   notebookIcon,
+  pdfIcon,
   pythonIcon,
   rKernelIcon,
   spreadsheetIcon,
@@ -1354,6 +1355,7 @@ export namespace DocumentRegistry {
    *
    * @returns The default directory file types.
    */
+<<<<<<< HEAD
   export function getDefaultFileTypes(
     translator?: ITranslator
   ): ReadonlyArray<Partial<IFileType>> {
@@ -1371,6 +1373,13 @@ export namespace DocumentRegistry {
         mimeTypes: ['text/markdown'],
         icon: markdownIcon
       },
+      {
+        name: 'pdf',
+        displayName: trans.__('PDF File'),
+        extensions: ['.pdf'],
+        mimeTypes: ['application/pdf'],
+        icon: pdfIcon
+      },
       {
         name: 'python',
         displayName: trans.__('Python File'),
@@ -1463,6 +1472,117 @@ export namespace DocumentRegistry {
       }
     ];
   }
+=======
+  export const defaultFileTypes: ReadonlyArray<Partial<IFileType>> = [
+    defaultTextFileType,
+    defaultNotebookFileType,
+    defaultDirectoryFileType,
+    {
+      name: 'markdown',
+      displayName: 'Markdown File',
+      extensions: ['.md'],
+      mimeTypes: ['text/markdown'],
+      icon: markdownIcon
+    },
+    {
+      name: 'pdf',
+      displayName: 'PDF File',
+      extensions: ['.pdf'],
+      mimeTypes: ['application/pdf'],
+      icon: pdfIcon
+    },
+    {
+      name: 'python',
+      displayName: 'Python File',
+      extensions: ['.py'],
+      mimeTypes: ['text/x-python'],
+      icon: pythonIcon
+    },
+    {
+      name: 'json',
+      displayName: 'JSON File',
+      extensions: ['.json'],
+      mimeTypes: ['application/json'],
+      icon: jsonIcon
+    },
+    {
+      name: 'csv',
+      displayName: 'CSV File',
+      extensions: ['.csv'],
+      mimeTypes: ['text/csv'],
+      icon: spreadsheetIcon
+    },
+    {
+      name: 'tsv',
+      displayName: 'TSV File',
+      extensions: ['.tsv'],
+      mimeTypes: ['text/csv'],
+      icon: spreadsheetIcon
+    },
+    {
+      name: 'r',
+      displayName: 'R File',
+      mimeTypes: ['text/x-rsrc'],
+      extensions: ['.r'],
+      icon: rKernelIcon
+    },
+    {
+      name: 'yaml',
+      displayName: 'YAML File',
+      mimeTypes: ['text/x-yaml', 'text/yaml'],
+      extensions: ['.yaml', '.yml'],
+      icon: yamlIcon
+    },
+    {
+      name: 'svg',
+      displayName: 'Image',
+      mimeTypes: ['image/svg+xml'],
+      extensions: ['.svg'],
+      icon: imageIcon,
+      fileFormat: 'base64'
+    },
+    {
+      name: 'tiff',
+      displayName: 'Image',
+      mimeTypes: ['image/tiff'],
+      extensions: ['.tif', '.tiff'],
+      icon: imageIcon,
+      fileFormat: 'base64'
+    },
+    {
+      name: 'jpeg',
+      displayName: 'Image',
+      mimeTypes: ['image/jpeg'],
+      extensions: ['.jpg', '.jpeg'],
+      icon: imageIcon,
+      fileFormat: 'base64'
+    },
+    {
+      name: 'gif',
+      displayName: 'Image',
+      mimeTypes: ['image/gif'],
+      extensions: ['.gif'],
+      icon: imageIcon,
+      fileFormat: 'base64'
+    },
+    {
+      name: 'png',
+      displayName: 'Image',
+      mimeTypes: ['image/png'],
+      extensions: ['.png'],
+      icon: imageIcon,
+      fileFormat: 'base64'
+    },
+    {
+      name: 'bmp',
+      displayName: 'Image',
+      mimeTypes: ['image/bmp'],
+      extensions: ['.bmp'],
+      icon: imageIcon,
+      fileFormat: 'base64'
+    }
+  ];
+>>>>>>> 47c50a3e9... create icon for pdf
 }
 
 /**

packages/pdf-extension/src/index.ts

@@ -131,15 +131,6 @@ const extensions: IRenderMime.IExtension | IRenderMime.IExtension[] = [
     id: '@jupyterlab/pdf-extension:factory',
     rendererFactory,
     dataType: 'string',
-    fileTypes: [
-      {
-        name: 'PDF',
-        displayName: 'PDF',
-        fileFormat: 'base64',
-        mimeTypes: [MIME_TYPE],
-        extensions: ['.pdf']
-      }
-    ],
     documentWidgetFactoryOptions: {
       name: 'PDF',
       modelName: 'base64',

packages/ui-components/src/icon/iconimports.ts

@@ -58,6 +58,7 @@ import notebookSvgstr from '../../style/icons/filetype/notebook.svg';
 import numberingSvgstr from '../../style/icons/toolbar/numbering.svg';
 import paletteSvgstr from '../../style/icons/sidebar/palette.svg';
 import pasteSvgstr from '../../style/icons/toolbar/paste.svg';
+import pdfSvgstr from '../../style/icons/filetype/pdf.svg';
 import pythonSvgstr from '../../style/icons/filetype/python.svg';
 import rKernelSvgstr from '../../style/icons/filetype/r-kernel.svg';
 import reactSvgstr from '../../style/icons/filetype/react.svg';
@@ -133,6 +134,7 @@ export const numberingIcon = new LabIcon({ name: 'ui-components:numbering', svgs
 export const paletteIcon = new LabIcon({ name: 'ui-components:palette', svgstr: paletteSvgstr });
 export const pasteIcon = new LabIcon({ name: 'ui-components:paste', svgstr: pasteSvgstr });
 export const pythonIcon = new LabIcon({ name: 'ui-components:python', svgstr: pythonSvgstr });
+export const pdfIcon = new LabIcon({ name: 'ui-components:pdf', svgstr: pdfSvgstr });
 export const rKernelIcon = new LabIcon({ name: 'ui-components:r-kernel', svgstr: rKernelSvgstr });
 export const reactIcon = new LabIcon({ name: 'ui-components:react', svgstr: reactSvgstr });
 export const redoIcon = new LabIcon({ name: 'ui-components:redo', svgstr: redoSvgstr });

packages/ui-components/style/icons/filetype/pdf.svg

@@ -0,0 +1,6 @@
+<svg
+   xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="16">
+    <path transform="rotate(45)" class="jp-icon-selectable" fill="#FF2A2A"
+       d="m 22.344369,-3.0163642 h 5.638604 v 1.5792433 h -3.549227 v 1.50869299 h 3.337576 V 1.6508154 h -3.337576 v 3.4352613 h -2.089377 z m -7.136444,1.5792433 v 4.9439543 h 0.74892 q 1.280761,0 1.953703,-0.6349535 0.678369,-0.6349535 0.678369,-1.8451641 0,-1.20478355 -0.672942,-1.83431011 -0.672942,-0.62952659 -1.95913,-0.62952659 z m -2.089377,-1.5792433 h 2.203343 q 1.845164,0 2.746039,0.2659207 0.906301,0.2604937 1.552108,0.8900203 0.56983,0.5481223 0.846605,1.26448006 0.276774,0.71635781 0.276774,1.62265894 0,0.9171551 -0.276774,1.6389399 -0.276775,0.7163578 -0.846605,1.26448 -0.651234,0.6295266 -1.562962,0.8954473 -0.911728,0.2604937 -2.735185,0.2604937 h -2.203343 z m -8.1458565,0 h 3.467823 q 1.5466816,0 2.3715785,0.689223 0.830324,0.6837961 0.830324,1.95370314 0,1.27533397 -0.830324,1.96455706 Q 9.9871961,2.274915 8.4405145,2.274915 H 7.0620684 V 5.0860767 H 4.9726915 Z m 2.0893769,1.5141199 v 2.26303943 h 1.155941 q 0.6078188,0 0.9388629,-0.29305547 0.3310441,-0.29848241 0.3310441,-0.84117772 0,-0.54269531 -0.3310441,-0.83575074 -0.3310441,-0.2930555 -0.9388629,-0.2930555 z"
+/>
+</svg>