Skip to content

Commit 6e93fd1

Browse files
committed
Release notes for initial 1.16 preview release
1 parent deafb6d commit 6e93fd1

File tree

2 files changed

+134
-0
lines changed

2 files changed

+134
-0
lines changed

docs/images/webpart-top-actions.png

20.6 KB
Loading

docs/spfx/release-1.16.md

Lines changed: 134 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,134 @@
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+
![Top Actions](../images/webpart-top-actions.png)
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

Comments
 (0)