Skip to content

Commit 0f857b9

Browse files
AJIXuMuKAJIXuMuK
authored
Merge pull request #1816 from pnp/dev
3.18.0 Release
2 parents 285cb32 + 7cd95f5 commit 0f857b9

File tree

70 files changed

+559
-2652
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

70 files changed

+559
-2652
lines changed

‎CHANGELOG.json‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,37 @@
11
{
22
"versions": [
3+
{
4+
"version": "3.18.0",
5+
"changes": {
6+
"new": [],
7+
"enhancements": [
8+
"`DynamicField`: Added orderBy to DynamicField props for lookup fields [#1747](https://github.com/pnp/sp-dev-fx-controls-react/pull/1747)",
9+
"`DateTimePicker`: disable array of dates [#516](https://github.com/pnp/sp-dev-fx-controls-react/issues/516)",
10+
"`DynamicForm`: new `customIcons` property to allow custom icons for the form [#1745](https://github.com/pnp/sp-dev-fx-controls-react/pull/1745)",
11+
"`RichText`: Added style property to Rich text control [#1773](https://github.com/pnp/sp-dev-fx-controls-react/pull/1773)",
12+
"`fast-serve`: Fast-serve update to match the most recent changes. [#1782](https://github.com/pnp/sp-dev-fx-controls-react/pull/1782)",
13+
"`PeoplePicker`: Added context optimization [#1764](https://github.com/pnp/sp-dev-fx-controls-react/pull/1764)",
14+
"`Multiple controls`: Wrong fluentui imports cause webpack build errors [#1763](https://github.com/pnp/sp-dev-fx-controls-react/issues/1763)",
15+
"`FileTypeIcon`: Added standard events [#1789](https://github.com/pnp/sp-dev-fx-controls-react/pull/1789)"
16+
],
17+
"fixes": [
18+
"`FolderPicker`: Update documentation on how to use the control with siteAbsoluteUrl property [#1743](https://github.com/pnp/sp-dev-fx-controls-react/pull/1743)",
19+
"Readme documents highlight extension does not work correctly [#1495](https://github.com/pnp/sp-dev-fx-controls-react/issues/1495)",
20+
"`DynamicForm`: Error on rendering DynamicForm when having a Date Field with internal name starting with underscore ('_')[#1738](https://github.com/pnp/sp-dev-fx-controls-react/issues/1738)",
21+
"`DynamicForm`: Dynamic form loading error in other site [#1758](https://github.com/pnp/sp-dev-fx-controls-react/issues/1758)"
22+
]
23+
},
24+
"contributions": [
25+
"[Guido Zambarda](https://github.com/GuidoZam)",
26+
"[Harminder Singh](https://github.com/HarminderSethi)",
27+
"[IRRDC](https://github.com/IRRDC)",
28+
"[Matthias Z'Brun](https://github.com/raclettierer)",
29+
"[Michaël Maillot](https://github.com/michaelmaillot)",
30+
"[Nishkalank Bezawada](https://github.com/NishkalankBezawada)",
31+
"[Sergei Sergeev](https://github.com/s-KaiNet)",
32+
"[srpmtt](https://github.com/srpmtt)"
33+
]
34+
},
335
{
436
"version": "3.17.0",
537
"changes":{

‎CHANGELOG.md‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,29 @@
11
# Releases
22

3+
## 3.18.0
4+
5+
### Enhancements
6+
7+
- `DynamicField`: Added orderBy to DynamicField props for lookup fields [#1747](https://github.com/pnp/sp-dev-fx-controls-react/pull/1747)
8+
- `DateTimePicker`: disable array of dates [#516](https://github.com/pnp/sp-dev-fx-controls-react/issues/516)
9+
- `DynamicForm`: new `customIcons` property to allow custom icons for the form [#1745](https://github.com/pnp/sp-dev-fx-controls-react/pull/1745)
10+
- `RichText`: Added style property to Rich text control [#1773](https://github.com/pnp/sp-dev-fx-controls-react/pull/1773)
11+
- `fast-serve`: Fast-serve update to match the most recent changes. [#1782](https://github.com/pnp/sp-dev-fx-controls-react/pull/1782)
12+
- `PeoplePicker`: Added context optimization [#1764](https://github.com/pnp/sp-dev-fx-controls-react/pull/1764)
13+
- `Multiple controls`: Wrong fluentui imports cause webpack build errors [#1763](https://github.com/pnp/sp-dev-fx-controls-react/issues/1763)
14+
- `FileTypeIcon`: Added standard events [#1789](https://github.com/pnp/sp-dev-fx-controls-react/pull/1789)
15+
16+
### Fixes
17+
18+
- `FolderPicker`: Update documentation on how to use the control with siteAbsoluteUrl property [#1743](https://github.com/pnp/sp-dev-fx-controls-react/pull/1743)
19+
- Readme documents highlight extension does not work correctly [#1495](https://github.com/pnp/sp-dev-fx-controls-react/issues/1495)
20+
- `DynamicForm`: Error on rendering DynamicForm when having a Date Field with internal name starting with underscore ('_')[#1738](https://github.com/pnp/sp-dev-fx-controls-react/issues/1738)
21+
- `DynamicForm`: Dynamic form loading error in other site [#1758](https://github.com/pnp/sp-dev-fx-controls-react/issues/1758)
22+
23+
### Contributors
24+
25+
Special thanks to our contributors (in alphabetical order): [Guido Zambarda](https://github.com/GuidoZam), [Harminder Singh](https://github.com/HarminderSethi), [IRRDC](https://github.com/IRRDC), [Matthias Z'Brun](https://github.com/raclettierer), [Michaël Maillot](https://github.com/michaelmaillot), [Nishkalank Bezawada](https://github.com/NishkalankBezawada), [Sergei Sergeev](https://github.com/s-KaiNet), [srpmtt](https://github.com/srpmtt).
26+
327
## 3.17.0
428

529
### Enhancements

‎docs/documentation/docs/about/release-notes.md‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,29 @@
11
# Releases
22

3+
## 3.18.0
4+
5+
### Enhancements
6+
7+
- `DynamicField`: Added orderBy to DynamicField props for lookup fields [#1747](https://github.com/pnp/sp-dev-fx-controls-react/pull/1747)
8+
- `DateTimePicker`: disable array of dates [#516](https://github.com/pnp/sp-dev-fx-controls-react/issues/516)
9+
- `DynamicForm`: new `customIcons` property to allow custom icons for the form [#1745](https://github.com/pnp/sp-dev-fx-controls-react/pull/1745)
10+
- `RichText`: Added style property to Rich text control [#1773](https://github.com/pnp/sp-dev-fx-controls-react/pull/1773)
11+
- `fast-serve`: Fast-serve update to match the most recent changes. [#1782](https://github.com/pnp/sp-dev-fx-controls-react/pull/1782)
12+
- `PeoplePicker`: Added context optimization [#1764](https://github.com/pnp/sp-dev-fx-controls-react/pull/1764)
13+
- `Multiple controls`: Wrong fluentui imports cause webpack build errors [#1763](https://github.com/pnp/sp-dev-fx-controls-react/issues/1763)
14+
- `FileTypeIcon`: Added standard events [#1789](https://github.com/pnp/sp-dev-fx-controls-react/pull/1789)
15+
16+
### Fixes
17+
18+
- `FolderPicker`: Update documentation on how to use the control with siteAbsoluteUrl property [#1743](https://github.com/pnp/sp-dev-fx-controls-react/pull/1743)
19+
- Readme documents highlight extension does not work correctly [#1495](https://github.com/pnp/sp-dev-fx-controls-react/issues/1495)
20+
- `DynamicForm`: Error on rendering DynamicForm when having a Date Field with internal name starting with underscore ('_')[#1738](https://github.com/pnp/sp-dev-fx-controls-react/issues/1738)
21+
- `DynamicForm`: Dynamic form loading error in other site [#1758](https://github.com/pnp/sp-dev-fx-controls-react/issues/1758)
22+
23+
### Contributors
24+
25+
Special thanks to our contributors (in alphabetical order): [Guido Zambarda](https://github.com/GuidoZam), [Harminder Singh](https://github.com/HarminderSethi), [IRRDC](https://github.com/IRRDC), [Matthias Z'Brun](https://github.com/raclettierer), [Michaël Maillot](https://github.com/michaelmaillot), [Nishkalank Bezawada](https://github.com/NishkalankBezawada), [Sergei Sergeev](https://github.com/s-KaiNet), [srpmtt](https://github.com/srpmtt).
26+
327
## 3.17.0
428

529
### Enhancements

‎docs/documentation/docs/controls/Carousel.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -104,8 +104,8 @@ The Carousel component can be configured with the following properties:
104104
| isInfinite | boolean | no | Indicates if infinite scrolling is enabled. |
105105
| canMoveNext | boolean | no | Property indicates if the next item button can be clicked. If not provided, status of the button is calculated based on the current index. <br />It is mandatory when triggerPageEvent is used. |
106106
| canMovePrev | boolean | no | Property indicates if the previous item button can be clicked. If not provided, status of the button is calculated based on the current index. <br />It is mandatory when triggerPageEvent is used. |
107-
| buttonsLocation | CarouselButtonsLocation | yes | Specifies the location of the buttons inside the container. |
108-
| buttonsDisplay | CarouselButtonsDisplay | yes | Specifies the buttons container display mode. |
107+
| buttonsLocation | CarouselButtonsLocation | no | Specifies the location of the buttons inside the container. Default: center |
108+
| buttonsDisplay | CarouselButtonsDisplay | no | Specifies the buttons container display mode. Default: block |
109109
| containerStyles | ICssInput | no | Allows to specify own styles for carousel container. |
110110
| loadingComponentContainerStyles | ICssInput | no | Allows to specify own styles for loading component. |
111111
| contentContainerStyles | ICssInput | no | Allows to specify own styles for elements container. |
@@ -134,6 +134,7 @@ The Carousel component can be configured with the following properties:
134134
| indicatorsContainerStyles | ICssInput | no | Allows to specify own styles for indicators container when indicatorsDisplay is set to "block" |
135135
| prevButtonAriaLabel | string | no | Aria label of the PreviousItem button. Default 'Previous item'. |
136136
| nextButtonAriaLabel | string | no | Aria label of the NextItem button. Default 'Next item'. |
137+
| contentHeight | number | no | Allows to specify the height of the content. Can be used instead of providing styles for the content container (`contentContainerStyles`). |
137138

138139
enum `CarouselButtonsLocation`
139140

‎docs/documentation/docs/controls/ContentTypePicker.md‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -57,20 +57,20 @@ The `ContentTypePicker` control can be configured with the following properties:
5757
| context | BaseComponentContext | yes | The context object of the SPFx loaded webpart or customizer. |
5858
| listId | string | no | The ID of the list or library you wish to select content type(s) from. When not specified, picker will be populated with site content types.|
5959
| className | string | no | If provided, additional class name to provide on the dropdown element. |
60-
disabled | boolean | no | Whether or not the control is disabled. |
61-
includeHidden | boolean | no | Whether or not to include hidden content types. Default is true. |
62-
includeReadOnly | boolean | no | Whether or not to include read-only content types. Default is true. |
63-
group | string | no | Only show content types of a certain group. |
64-
filter | string | no | Filter content types from OData query (takes the upperhand of `hidden`, `readOnly` and `group` Filters). |
65-
orderBy | ContentTypesOrderBy | no | How to order the content types. |
66-
selectedContentTypes | string \| string[] | no | IDs of the selected item(s). If you provide this, you must maintain selection state by observing `onSelectionChanged` events and passing a new value in when changed.
67-
multiSelect | boolean | no | Indicates if multi-choice selections is allowed. Default is false. |
68-
label | string | no | The label to display. |
69-
placeholder | string | no | Input placeholder text. Displayed until option is selected. |
70-
onSelectionChanged | (newValue: ISPContentType \| ISPContentType[]): void | no | Callback issued when the selected option changes. |
71-
filterItems | (contentTypes: ISPContentType[]): ISPContentType[] | no | This function is invoked after the filtering has been done. This allows you to add additional custom filtering.
72-
webAbsoluteUrl | string | no | Absolute Web Url of target site (user requires permissions). |
73-
showBlankOption | boolean | no | Whether or not to show a blank option. Default is false. Works only when `multiSelect` is false. |
60+
| disabled | boolean | no | Whether or not the control is disabled. |
61+
| includeHidden | boolean | no | Whether or not to include hidden content types. Default is true. |
62+
| includeReadOnly | boolean | no | Whether or not to include read-only content types. Default is true. |
63+
| group | string | no | Only show content types of a certain group. |
64+
| filter | string | no | Filter content types from OData query (takes the upperhand of `hidden`, `readOnly` and `group` Filters). |
65+
| orderBy | ContentTypesOrderBy | no | How to order the content types. |
66+
| selectedContentTypes | string \| string[] | no | IDs of the selected item(s). If you provide this, you must maintain selection state by observing `onSelectionChanged` events and passing a new value in when changed. |
67+
| multiSelect | boolean | no | Indicates if multi-choice selections is allowed. Default is false. |
68+
| label | string | no | The label to display. |
69+
| placeholder | string | no | Input placeholder text. Displayed until option is selected. |
70+
| onSelectionChanged | (newValue: ISPContentType \| ISPContentType[]): void | no | Callback issued when the selected option changes. |
71+
| filterItems | (contentTypes: ISPContentType[]): ISPContentType[] | no | This function is invoked after the filtering has been done. This allows you to add additional custom filtering. |
72+
| webAbsoluteUrl | string | no | Absolute Web Url of target site (user requires permissions). |
73+
| showBlankOption | boolean | no | Whether or not to show a blank option. Default is false. Works only when `multiSelect` is false. |
7474

7575
Enum `ContentTypesOrderBy`
7676

‎docs/documentation/docs/controls/DateTimePicker.md‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ Here are some examples of the control:
2727
```TypeScript
2828
import { DateTimePicker, DateConvention, TimeConvention } from '@pnp/spfx-controls-react/lib/DateTimePicker';
2929
```
30+
3031
- Use the `DateTimePicker` control in your code as follows, either as an uncontrolled or a controlled component:
3132

3233
```TypeScript
@@ -47,7 +48,6 @@ import { DateTimePicker, DateConvention, TimeConvention } from '@pnp/spfx-contro
4748

4849
The `DateTimePicker` control can be configured with the following properties:
4950

50-
5151
| Property | Type | Required | Description |
5252
| ---- | ---- | ---- | ---- |
5353
| label | string | no | Property field label displayed on top. |
@@ -72,12 +72,13 @@ The `DateTimePicker` control can be configured with the following properties:
7272
| timeDisplayControlType | TimeDisplayControlType | no | Specifies what type of control to use when rendering time part. |
7373
| showLabels | boolean | no | Specifies if labels in front of date and time parts should be rendered. |
7474
| placeholder | string | no | Placeholder text for the DatePicker. |
75-
| initialPickerDate | Date | no | The initially highlighted date in the calendar picker
75+
| initialPickerDate | Date | no | The initially highlighted date in the calendar picker |
7676
| maxDate | Date | no | The maximum allowable date. |
7777
| minDate | Date | no | The minimum allowable date. |
7878
| minutesIncrementStep | MinutesIncrement | no | Specifies minutes' increment step for `TimeDisplayControlType.Dropdow` |
79-
| showClearDate | boolean | no | Controls whether the clearDate iconbutton must be available when date is selected, default to false
80-
| showClearDateIcon | string | no | Controls the icon used for clearDate iconbutton. Defaults to 'RemoveEvent'
79+
| showClearDate | boolean | no | Controls whether the clearDate iconbutton must be available when date is selected, default to false |
80+
| showClearDateIcon | string | no | Controls the icon used for clearDate iconbutton. Defaults to 'RemoveEvent' |
81+
| restrictedDates | Date[] | no | If set the Calendar will not allow selection of dates in this array. |
8182

8283
Enum `TimeDisplayControlType`
8384

@@ -112,6 +113,7 @@ Interface `IDateTimePickerStrings` extends [IDatePickerStrings](https://develope
112113
| textErrorMessage | string | no | Error message when text is entered in the date picker. |
113114

114115
Type `MinutesIncrement`
116+
115117
```typescript
116118
type MinutesIncrement = 1 | 5 | 10 | 15 | 30;
117119
```

‎docs/documentation/docs/controls/DynamicForm.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,7 @@ The `DynamicForm` can be configured with the following properties:
6262
| fieldOverrides | {[columnInternalName: string] : {(fieldProperties: IDynamicFieldProps): React.ReactElement\<IDynamicFieldProps\>}} | no | Key value pair for fields you want to override. Key is the internal field name, value is the function to be called for the custom element to render. |
6363
| respectEtag | boolean | no | Specifies if the form should respect the ETag of the item. Default - `true` |
6464
| validationErrorDialogProps | IValidationErrorDialogProps | no | Specifies validation error dialog properties |
65+
| customIcons | { [ columnInternalName: string ]: string } | no | Specifies custom icons for the form. The key of this dictionary is the column internal name, the value is the Fluent UI icon name. |
6566

6667
## Validation Error Dialog Properties `IValidationErrorDialogProps`
6768
| Property | Type | Required | Description |

‎docs/documentation/docs/controls/FileTypeIcon.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,5 +42,11 @@ The FileTypeIcon component can be configured with the following properties:
4242
| path | string | no | Path to the document. If this is provided, the control will use the file extension to display the corresponding icon. |
4343
| size | ImageSize | no | This is a property that only needs to be used when the type is set to image. It allows you to specify the image size. small (16px), normal (20px), medium (48px) and large (96px) are possible. Use the **ImageSize** enum to get the list of available images sizes. |
4444
| type | IconType | yes | This property specifies is you want to use the icon font or image. Use the **IconType** enum to get the list of available icon types. |
45+
| onClick | React.MouseEvent&lt;HTMLElement&gt; | no | Event triggered when the icon is clicked. |
46+
| onDoubleClick | React.MouseEvent&lt;HTMLElement&gt; | no | Event triggered when the icon is double clicked. |
47+
| onMouseEnter | React.MouseEvent&lt;HTMLElement&gt; | no | Event triggered when the mouse cursor enters the icon (without event bubbling). |
48+
| onMouseLeave | React.MouseEvent&lt;HTMLElement&gt; | no | Event triggered when the mouse cursor leaves the icon. |
49+
| onMouseOver | React.MouseEvent&lt;HTMLElement&gt; | no | Event triggered when the mouse cursor enters the icon (with event bubbling). |
50+
| onMouseUp | React.MouseEvent&lt;HTMLElement&gt; | no | Event triggered when the mouse button is released after clicked on the icon. |
4551

4652
![](https://telemetry.sharepointpnp.com/sp-dev-fx-controls-react/wiki/controls/FileTypeIcon)

‎docs/documentation/docs/controls/FolderPicker.md‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,19 @@ import { FolderPicker, IFolder } from "@pnp/spfx-controls-react/lib/FolderPicker
4242
canCreateFolders={true} />
4343
```
4444

45+
- To use the `FolderExplorer` control to fetch folders from different sitecollection in your code as follows:
46+
47+
```TypeScript
48+
<FolderExplorer context={this.props.context}
49+
rootFolder={{
50+
Name: 'Documents',
51+
ServerRelativeUrl: `/sites/TestSite2/Shared Documents`
52+
}}
53+
onSelect={this._onFolderSelect}
54+
canCreateFolders={true}
55+
siteAbsoluteUrl="https://xxxx.sharepoint.com/sites/TestSite2"/>
56+
```
57+
4558
- The `onSelect` change event returns the selected folder and can be implemented as follows:
4659

4760
```TypeScript

0 commit comments

Comments
 (0)