Merge pull request #1558 from Tanddant/main

Author: hugoabernier

samples/react-company-templates/README.md

@@ -75,7 +75,6 @@ For more information about SPFx compatibility, please refer to <https://aka.ms/s
 - [Dan Toft](https://github.com/Tanddant) (👀 Code reviews)
 - [Nicolas Kheirlalah](https://github.com/nicolaskheirallah)
 
-
 ## Version history
 
 | Version | Date           | Comments                       |
@@ -104,27 +103,32 @@ If you prefer using `fast-serve`, you can run the following command:
 ## How to use the new features
 
 ### Advanced Filtering
+
 1. Click the filter icon in the command bar to open the advanced filters panel
 2. Set date ranges using the date pickers to filter by modification date
 3. Use the file size slider to limit results by file size
 4. Click "Apply Filters" to see filtered results or "Clear Filters" to reset
 
 ### Template Preview
+
 1. Click on any template filename to open a preview panel
 2. The preview shows file content for supported file types
 3. Preview panel displays additional metadata including file size, version, and creation/modification dates
 
 ### Version History
+
 1. Click the history icon next to any template
 2. SharePoint's built-in version history page opens in a new tab
 3. View all versions and their details
 
 ### Grid View
+
 1. Toggle between list and grid views using the toggle switch in the command bar
 2. Grid view displays templates in a column layout with more metadata visible
 3. Both views support selection, preview, and actions
 
 ### Bulk Operations
+
 1. Select multiple templates using the checkboxes
 2. The number of selected items appears above the list
 3. Click "Download selected" to download all selected templates
@@ -165,4 +169,4 @@ Finally, if you have an idea for improvement, [make a suggestion](https://github
 
 **THIS CODE IS PROVIDED _AS IS_ WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
 
-<img src="https://m365-visitor-stats.azurewebsites.net/sp-dev-fx-extensions/samples/react-company-templates" />
+<img src="https://m365-visitor-stats.azurewebsites.net/sp-dev-fx-extensions/samples/react-company-templates" />

samples/react-company-templates/assets/sample.json

@@ -10,7 +10,7 @@
             "This is an alternative to the built-in 'New document' experience in a document library in SharePoint Online. It allows a SharePoint admin to define a repository (such as a standard document library or an org assets library) which acts as a source of templates that can be used in every document library. Any user can browse through the collection of company templates, get an instance of the desired template(s) by one single click and start using it."
         ],
         "creationDateTime": "2023-12-22",
-        "updateDateTime": "2025-03-12",
+        "updateDateTime": "2025-12-08",
         "products": [
             "SharePoint"
         ],

samples/react-company-templates/package.json

@@ -41,6 +41,7 @@
     "ajv": "^6.12.5",
     "eslint": "8.57.0",
     "gulp": "4.0.2",
+    "spfx-fast-serve-helpers": "^1.21.1",
     "typescript": "4.8.4"
   }
-}
+}

samples/react-company-templates/src/services/core/TemplateService.ts

@@ -111,7 +111,8 @@ export class TemplateService implements ITemplateService {
   public async copyTemplates(targetFolderRelativeUrl: string, selectedFiles: any[]): Promise<IFile[]> {
     try {
       const files = await Promise.all(selectedFiles.map(async (file) => {
-        const sourceWeb = await this.getWeb(file.data.webUrl);
+        const data = file.data ? file.data : file;
+        const sourceWeb = await this.getWeb(data.webUrl);
         return await sourceWeb.getFileById(file.data.id)
           .copyByPath(`${targetFolderRelativeUrl}/${file.data.fileLeafRef}`, false, {
             KeepBoth: false,
@@ -169,4 +170,4 @@ export class TemplateService implements ITemplateService {
       .replace(/"/g, "&quot;")
       .replace(/'/g, "&#039;");
   }
-}
+}