|
| 1 | +--- |
| 2 | +title: SharePoint Framework v1.16 preview release notes |
| 3 | +description: Release notes for the SharePoint Framework v1.16 preview release |
| 4 | +ms.date: 08/30/2022 |
| 5 | +ms.localizationpriority: high |
| 6 | +--- |
| 7 | +# SharePoint Framework v1.16 release notes |
| 8 | + |
| 9 | +This release introduces updates across the features around Microsoft Viva, Microsoft Teams and SharePoint. |
| 10 | + |
| 11 | +[!INCLUDE [spfx-release-beta](../../includes/snippets/spfx-release-beta.md)] |
| 12 | + |
| 13 | +- beta.0 **Released:** August 30, 2022 |
| 14 | + |
| 15 | +[!INCLUDE [spfx-release-notes-common](../../includes/snippets/spfx-release-notes-common.md)] |
| 16 | + |
| 17 | +## Install the latest preview version |
| 18 | + |
| 19 | +Install the preview release of the SharePoint Framework (SPFx) by including the **@next** tag: |
| 20 | + |
| 21 | +```console |
| 22 | +npm install @microsoft/generator-sharepoint@next --global |
| 23 | +``` |
| 24 | + |
| 25 | +## Upgrading projects from v1.15.2 to v1.16 preview |
| 26 | + |
| 27 | +1. In the project's **package.json** file, identify all SPFx v1.15.2 packages. For each SPFx package: |
| 28 | + 1. Uninstall the existing v1.15.2 package: |
| 29 | + |
| 30 | + ```console |
| 31 | + npm uninstall @microsoft/{spfx-package-name}@1.15.2 |
| 32 | + ``` |
| 33 | + |
| 34 | + 2. Install the new v1.16 preview package: |
| 35 | + |
| 36 | + ```console |
| 37 | + npm install @microsoft/{spfx-package-name}@next --save --save-exact |
| 38 | + ``` |
| 39 | + |
| 40 | +[!INCLUDE [spfx-release-upgrade-tip](../../includes/snippets/spfx-release-upgrade-tip.md)] |
| 41 | + |
| 42 | +## New features and capabilities |
| 43 | + |
| 44 | +### Ability to render ACE asynchronously |
| 45 | + |
| 46 | +Similarly to web parts, the ACE developer can specify if the card extension is rendered asynchronously. |
| 47 | + |
| 48 | +```typescript |
| 49 | +/* BaseAdaptiveCardExtension */ |
| 50 | +protected get isRenderAsync(): boolean { |
| 51 | + return false; |
| 52 | +} |
| 53 | + |
| 54 | +public renderCompleted(didUpdate: boolean): void { /* ... */ } |
| 55 | +``` |
| 56 | + |
| 57 | +### Adaptive Card Extension Image Card View to have `alt` text for Accessibility |
| 58 | + |
| 59 | +Adding a new optional property `imageAltText` for `IImageCardParameters` will add `alt` text attribute to the image html element. |
| 60 | + |
| 61 | +### Web part Top Actions |
| 62 | + |
| 63 | +Top Actions allow developers to add custom actions to web part's command bar. The feature is similar to property pane controls, but based on cleaner UI approach. |
| 64 | + |
| 65 | + |
| 66 | + |
| 67 | +To add top actions, developers can use the `getTopActionsConfiguration` method. |
| 68 | + |
| 69 | +```typescript |
| 70 | +BaseWebPart.getTopActionsConfiguration(): ITopActions | undefined; |
| 71 | +``` |
| 72 | + |
| 73 | +`ITopActions` interface defines the top actions configuration. |
| 74 | + |
| 75 | +```typescript |
| 76 | +export type ActionConfiguration = IPropertyPaneField<any>; |
| 77 | + |
| 78 | +export interface ITopActions { |
| 79 | + readonly topActions: ActionConfiguration[]; |
| 80 | + onExecute(actionName: string, newValue: any): void; |
| 81 | +} |
| 82 | +``` |
| 83 | + |
| 84 | +> [!NOTE] |
| 85 | +> Although type of Top Action Configuration is `IPropertyPaneField<any>` we currently support buttons and choice groups only. |
| 86 | +> It means you can use either `PropertyPaneChoiceGroup(...)` and `PropertyPaneButton(...)`, or specify your own configurations that will resolve to `IPropertyPaneField<IPropertyPaneChoiceGroupProps>` and `IPropertyPaneField<IPropertyPaneButtonProps>` |
| 87 | +
|
| 88 | + |
| 89 | +### New Form Customizer context properties |
| 90 | + |
| 91 | +#### List item fields' values |
| 92 | + |
| 93 | +Form Customizer's context for Edit and Display forms now contains the list item fields' values in standard `odata` format. |
| 94 | + |
| 95 | +```typescript |
| 96 | +IFormCustomizerContext.item?: IListItem; |
| 97 | +``` |
| 98 | + |
| 99 | +#### List form JSON formatting configuration |
| 100 | + |
| 101 | +Form Customizer's context provides information about applied list form JSON Formatting. Use `contentType` property to access the configuration. |
| 102 | + |
| 103 | +```typescript |
| 104 | +IFormCustomizerContext.contentType.ClientFormCustomFormatter: string | undefined; |
| 105 | +``` |
| 106 | + |
| 107 | +### Teams JavaScript SDK v2 support |
| 108 | + |
| 109 | +We're rolling our support for teams-js v2. `this.context.sdks.microsoftTeams.teamsJs` will return v2 as soon as service code is rolled out to the tenant. `this.context.sdks.microsoftTeams.context` will still retur v1 context for backward compatibility. |
| 110 | + |
| 111 | +> [!NOTE] |
| 112 | +> teams-js v2 is backward compatible with teams-js v1. We will continue to support v1 for existing solutions. |
| 113 | +> We will add support for teams-js v2 context in later beta releases. |
| 114 | +
|
| 115 | +> [!TIP] |
| 116 | +> Teams JavaScript SDK v2 enables new scenarios for developers. See following announcement for additional details on the Teams JS SDK v2 capabilities - [Microsoft Teams JS SDK v2 is now generally available](https://devblogs.microsoft.com/microsoft365dev/microsoft-teams-js-sdk-v2-is-now-generally-available/) |
| 117 | +
|
| 118 | +### Remove NodeJS 12 and 14 support |
| 119 | + |
| 120 | +Starting with 1.16.0-beta.0, we're removing support for NodeJS 12 and 14. We will continue to support NodeJS 16. |
| 121 | + |
| 122 | +## Deprecations |
| 123 | + |
| 124 | +None for now. |
| 125 | + |
| 126 | +## Fixed Issues |
| 127 | + |
| 128 | +### August Timeframe |
| 129 | + |
| 130 | +- [#8146](https://github.com/SharePoint/sp-dev-docs/issues/8146) - SPFX Application Customizer breaks Anonymous Links for PDF Files |
| 131 | +- [#8266](https://github.com/SharePoint/sp-dev-docs/issues/8266) - SPFx 1.15 - Form Customiser does not work in View History |
| 132 | +- [#8272](https://github.com/SharePoint/sp-dev-docs/issues/8272) - SPFx 1.15 - Getting error when use form customiser to view existing list item in Classic mode |
| 133 | +- [#8279](https://github.com/SharePoint/sp-dev-docs/issues/8279) - New icons in production environments |
| 134 | +- [#8301](https://github.com/SharePoint/sp-dev-docs/issues/8301) - Error When Revisiting Custom Teams ?app=portals App |
0 commit comments