Merge pull request #940 from pnp/v2-dev

Merge for 2.8.0

Author: estruyf

CHANGELOG.JSON

@@ -1,5 +1,29 @@
 {
   "versions": [
+    {
+      "version": "2.8.0",
+      "changes": {
+        "new": [
+          "`DynamicForm`: New Control: Dynamic form [#878](https://github.com/pnp/sp-dev-fx-controls-react/issues/878)",
+          "`LocationPicker`: New Control - Location Picker [#915](https://github.com/pnp/sp-dev-fx-controls-react/issues/915)"
+        ],
+        "enhancements": [
+          "`ComboBoxListItemPicker` and `ListItemPicker`: Add label to control [#910](https://github.com/pnp/sp-dev-fx-controls-react/pull/910)",
+          "`PeoplePicker`: new property `groupId`. [#917](https://github.com/pnp/sp-dev-fx-controls-react/pull/917)"
+        ],
+        "fixes": [
+          "`SitePicker`: `SitePicker` does not display initial sites until you click the dropdown to select [#895](https://github.com/pnp/sp-dev-fx-controls-react/issues/895)",
+          "`FilePicker`: invalid CSS: relative in quotes. [#930](https://github.com/pnp/sp-dev-fx-controls-react/pull/930)",
+          "`FieldCollectionData`: FieldCollectionData is not setting sortIdx on resulting collection when using 'Add and Save' [#929](https://github.com/pnp/sp-dev-fx-controls-react/issues/929)"
+        ]
+      },
+      "contributions": [
+        "[Nikolay Belykh](https://github.com/nbelyh)",
+        "[Patrik Hellgren](https://github.com/patrikhellgren)",
+        "[Peter Paul Kirschner](https://github.com/petkir)",
+        "[Ravichandran Krishnasamy](https://github.com/ravichandran-blog)"
+      ]
+    },
     {
       "version": "2.7.0",
       "changes": {

CHANGELOG.md

@@ -1,5 +1,27 @@
 # Releases
 
+## 2.8.0
+
+### New control(s)
+
+- `DynamicForm`: New Control: Dynamic form [#878](https://github.com/pnp/sp-dev-fx-controls-react/issues/878)
+- `LocationPicker`: New Control - Location Picker [#915](https://github.com/pnp/sp-dev-fx-controls-react/issues/915)
+
+### Enhancements
+
+- `ComboBoxListItemPicker` and `ListItemPicker`: Add label to control [#910](https://github.com/pnp/sp-dev-fx-controls-react/pull/910)
+- `PeoplePicker`: new property `groupId`. [#917](https://github.com/pnp/sp-dev-fx-controls-react/pull/917)
+
+### Fixes
+
+- `SitePicker`: `SitePicker` does not display initial sites until you click the dropdown to select [#895](https://github.com/pnp/sp-dev-fx-controls-react/issues/895)
+- `FilePicker`: invalid CSS: relative in quotes. [#930](https://github.com/pnp/sp-dev-fx-controls-react/pull/930)
+- `FieldCollectionData`: FieldCollectionData is not setting sortIdx on resulting collection when using 'Add and Save' [#929](https://github.com/pnp/sp-dev-fx-controls-react/issues/929)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [Nikolay Belykh](https://github.com/nbelyh), [Patrik Hellgren](https://github.com/patrikhellgren), [Peter Paul Kirschner](https://github.com/petkir), [Ravichandran Krishnasamy](https://github.com/ravichandran-blog).
+
 ## 2.7.0
 
 ### New control(s)

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

@@ -1,5 +1,27 @@
 # Releases
 
+## 2.8.0
+
+### New control(s)
+
+- `DynamicForm`: New Control: Dynamic form [#878](https://github.com/pnp/sp-dev-fx-controls-react/issues/878)
+- `LocationPicker`: New Control - Location Picker [#915](https://github.com/pnp/sp-dev-fx-controls-react/issues/915)
+
+### Enhancements
+
+- `ComboBoxListItemPicker` and `ListItemPicker`: Add label to control [#910](https://github.com/pnp/sp-dev-fx-controls-react/pull/910)
+- `PeoplePicker`: new property `groupId`. [#917](https://github.com/pnp/sp-dev-fx-controls-react/pull/917)
+
+### Fixes
+
+- `SitePicker`: `SitePicker` does not display initial sites until you click the dropdown to select [#895](https://github.com/pnp/sp-dev-fx-controls-react/issues/895)
+- `FilePicker`: invalid CSS: relative in quotes. [#930](https://github.com/pnp/sp-dev-fx-controls-react/pull/930)
+- `FieldCollectionData`: FieldCollectionData is not setting sortIdx on resulting collection when using 'Add and Save' [#929](https://github.com/pnp/sp-dev-fx-controls-react/issues/929)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [Nikolay Belykh](https://github.com/nbelyh), [Patrik Hellgren](https://github.com/patrikhellgren), [Peter Paul Kirschner](https://github.com/petkir), [Ravichandran Krishnasamy](https://github.com/ravichandran-blog).
+
 ## 2.7.0
 
 ### New control(s)

docs/documentation/docs/assets/DynamicForm.png

@@ -122,5 +122,6 @@ The `ComboBoxListItemPicker` control can be configured with the following proper
 | multiSelect | boolean | no | Allows multiple selection|
 | onInitialized | () => void | no | Calls when component is ready|
 | itemLimit | number | no | Maximum number of items to be displayed in the combobox. Default: 100 |
+| label | string | no | Specifies the text describing the combobox ListItemPicker. |
 
 ![](https://telemetry.sharepointpnp.com/sp-dev-fx-controls-react/wiki/controls/ComboBoxListItemPicker)

docs/documentation/docs/assets/location1.png

@@ -0,0 +1,43 @@
+# Dynamic Form
+
+This control can dynamically generate SharePoint list or SharePoint document library form and everything controlled through list setting.
+
+## How to use this control in your solutions
+
+- Check that you installed the `@pnp/spfx-controls-react` dependency. Check out the [getting started](../../#getting-started) page for more information about installing the dependency.
+- Import the following modules to your component:
+
+```TypeScript
+import { DynamicForm } from "fx-controls-react/lib/DynamicForm";
+```
+
+- Use the DynamicForm control in your code as follows:
+
+```jsx
+<DynamicForm 
+          context={this.props.context} 
+          listId={"3071c058-549f-461d-9d73-8b9a52049a80"}  
+          listItemId={1}>
+          onCancelled={() => { console.log('Cancelled') }}
+          onBeforeSubmit={(async listItem) => { return true; }}
+          onSubmitError={(listItem, error) => { alert(error.message); }}
+          onSubmitted={async (listItemData) => { console.log(listItemData); }}>
+</DynamicForm>
+```
+![DynamicForm](../assets/DynamicForm.png)
+
+## Implementation
+
+The `DynamicForm` can be configured with the following properties:
+
+| Property | Type | Required | Description |
+| ---- | ---- | ---- | ---- |
+| context | WebPartContext or ExtensionContext  | yes | The context object of the SPFx loaded webpart or customizer. |
+| listId | string | yes | Guid of the list.|
+| listItemId | number | no | list item ID. |
+| contentTypeId | string | no | content type ID |
+| disabled | boolean | no | Option allow to be enable or disable. Default value is `false`|
+| onBeforeSubmit | (listItemData: any) => Promise&lt;boolean&gt; | no | Before submit handler. Allows to modify the object to be submitted or cancel the submission. |
+| onSubmitted | (listItem: any) => void | no | Method that returns listItem data JSON object. |
+| onSubmitError | (listItemData: any, error: Error) => void | no | Handler of submission error. |
+| onCancelled | () => void | no | Handler when form has been cancelled. |

docs/documentation/docs/assets/location2.png

@@ -64,5 +64,6 @@ The `ListItemPicker` control can be configured with the following properties:
 | orderBy | string | no | condition to order by list Item, same as $orderby ODATA parameter|
 | placeholder | string | no | Short text hint to display in empty picker |
 | substringSearch | boolean | no | Specifies if substring search should be used |
+| label | string | no | Specifies the text describing the ListItemPicker. |
 
 ![](https://telemetry.sharepointpnp.com/sp-dev-fx-controls-react/wiki/controls/ListItemPicker)