FileTypes: Adding cliptemplate and listform filetype and itemtype mappings (#33455)

Author: bigbadcapers

change/@fluentui-react-file-type-icons-0c5f2387-6307-4cee-9d80-1d1d56ad97b3.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Adding cliptemplate and listform filetype and itemtype mappings & updating corresponding fabric-cdn URL",
+  "packageName": "@fluentui/react-file-type-icons",
+  "email": "caperez@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-style-utilities-b87f2d50-5471-43af-8227-ce72da8f9317.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Adding cliptemplate and listform filetype and itemtype mappings & updating corresponding fabric-cdn URL",
+  "packageName": "@fluentui/style-utilities",
+  "email": "caperez@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-file-type-icons/src/FileIconType.ts

@@ -27,6 +27,7 @@ export enum FileIconType {
   todoItem = 19,
   portfolio = 20,
   album = 21,
+  listForm = 22,
 }
 
 export type FileIconTypeInput =
@@ -50,4 +51,5 @@ export type FileIconTypeInput =
   | 18
   | 19
   | 20
-  | 21;
+  | 21
+  | 22;

packages/react-file-type-icons/src/FileTypeIconMap.ts

@@ -48,6 +48,9 @@ export const FileTypeIconMap: { [key: string]: { extensions?: string[] } } = {
   clipchamp: {
     extensions: ['clipchamp'],
   },
+  cliptemplate: {
+    extensions: ['cliptemplate'],
+  },
   code: {
     extensions: [
       'abap',
@@ -301,6 +304,7 @@ export const FileTypeIconMap: { [key: string]: { extensions?: string[] } } = {
     extensions: ['lnk', 'link', 'url', 'website', 'webloc'],
   },
   linkedfolder: {},
+  listform: {},
   listitem: {},
   loop: {
     extensions: ['fluid', 'loop', 'note'],

packages/react-file-type-icons/src/getFileTypeIconProps.ts

@@ -25,6 +25,7 @@ const TODOITEM = 'todoitem';
 const PLANNER = 'planner';
 const PORTFOLIO = 'portfolio';
 const ALBUM = 'album';
+const LIST_FORM = 'listform';
 
 export const DEFAULT_ICON_SIZE: FileTypeIconSize = 16;
 export type FileTypeIconSize = 16 | 20 | 24 | 32 | 40 | 48 | 64 | 96;
@@ -163,6 +164,9 @@ export function getFileTypeIconNameFromExtensionOrType(
       case FileIconType.album:
         iconBaseName = ALBUM;
         break;
+      case FileIconType.listForm:
+        iconBaseName = LIST_FORM;
+        break;
     }
   }
   return iconBaseName || GENERIC_FILE;

packages/style-utilities/etc/style-utilities.api.md

@@ -84,7 +84,7 @@ export { DefaultPalette }
 export const EdgeChromiumHighContrastSelector = "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)";
 
 // @public (undocumented)
-export const FLUENT_CDN_BASE_URL = "https://res.cdn.office.net/files/fabric-cdn-prod_20241029.001";
+export const FLUENT_CDN_BASE_URL = "https://res.cdn.office.net/files/fabric-cdn-prod_20241209.001";
 
 // @public
 export function focusClear(): IRawStyle;

packages/style-utilities/src/cdn.ts

@@ -1 +1 @@
-export const FLUENT_CDN_BASE_URL = 'https://res.cdn.office.net/files/fabric-cdn-prod_20241029.001';
+export const FLUENT_CDN_BASE_URL = 'https://res.cdn.office.net/files/fabric-cdn-prod_20241209.001';