Merge branch 'dev' of https://github.com/pnp/sp-dev-fx-controls-react into feature/treeview-clear

Author: joelfmrodrigues

CHANGELOG.JSON

@@ -1,5 +1,62 @@
 {
   "versions": [
+    {
+      "version": "2.4.0",
+      "changes": {
+        "new": [
+          "`AccessibleAccordion` control [#770](https://github.com/pnp/sp-dev-fx-controls-react/pull/770)"
+        ],
+        "enhancements": [
+          "`Placeholder`: support of custom rendering for `iconText` and `description`",
+          "`PeoplePicker`: ability just to display inactive users name (ideally the value fetched from 'Author/Title') [#768](https://github.com/pnp/sp-dev-fx-controls-react/issues/768)",
+          "`TaxonomyPicker`: New `onPanelSelectionChange` property added. Can be used to interact with the control while selecting items in the panel, before Click or Cancel is clicked. [#761](https://github.com/pnp/sp-dev-fx-controls-react/issues/761)",
+          "`TaxonomyPicker`: `selectChildrenIfParentSelected` property added. Specifies if the children should be selected when parent item is selected (defaults to false). [#765](https://github.com/pnp/sp-dev-fx-controls-react/issues/765)",
+          "`ListPicker`: ability to pick lists from specified site using `webAbsoluteUrl` property.",
+          "`FilePicker`: `buttonIconProps` to define properties of the button's icon [#770](https://github.com/pnp/sp-dev-fx-controls-react/pull/770)"
+        ],
+        "fixes": [
+          "`DateTimePicker`: documentation fix [#767](https://github.com/pnp/sp-dev-fx-controls-react/pull/767)",
+          "`PeoplePicker`: documentation fix - Changed isRequired property to new required [#769](https://github.com/pnp/sp-dev-fx-controls-react/pull/769)",
+          "Documentation fix - missing `IFramePanel` link on home page [#775](https://github.com/pnp/sp-dev-fx-controls-react/pull/775)",
+          "Documentation fix for `FilePicker`: updated `onChaged` to `onChange` [#776](https://github.com/pnp/sp-dev-fx-controls-react/pull/776)"
+        ]
+      },
+      "contributions": [
+        "[André Lage](https://github.com/aaclage)",
+        "[Christian Metz](https://github.com/ChrisOMetz)",
+        "[Gaurav Goyal](https://github.com/Gaurav8Bizportals)",
+        "[Leif Frederiksen](https://github.com/Leif-Frederiksen)",
+        "[Ravichandran Krishnasamy](https://github.com/ravichandran-blog)",
+        "[San](https://github.com/sankarkumar23)",
+        "[João Mendes](https://github.com/joaojmendes)"
+      ]
+    },
+    {
+      "version": "2.3.0",
+      "changes": {
+        "new": [
+          "`Dashboard` control for Microsoft Teams [#758](https://github.com/pnp/sp-dev-fx-controls-react/pull/758)",
+          "`Toobar` control for Microsoft Teams [#758](https://github.com/pnp/sp-dev-fx-controls-react/pull/758)"
+        ],
+        "enhancements": [
+          "`TaxonomyPicker`: Added `useSessionStorage` property [#759](https://github.com/pnp/sp-dev-fx-controls-react/pull/759)"
+        ],
+        "fixes": [
+          "`FilePicker`: documentation fix: '|' not escaped [#756](https://github.com/pnp/sp-dev-fx-controls-react/pull/756)",
+          "`TaxonomyPicker`: Return `TermSetId` for suggestions [#762](https://github.com/pnp/sp-dev-fx-controls-react/pull/762)",
+          "`WebPartTitle`: Fluent UI Updates to SharePoint - WebPartTitle control too thin now [#605](https://github.com/pnp/sp-dev-fx-controls-react/issues/605)",
+          "`ListView`: Sticky Header scrolling issue [#734](https://github.com/pnp/sp-dev-fx-controls-react/issues/734)",
+          "`DateTimePicker`: hours dropdown not re-rendered when state changed programmatically [#757](https://github.com/pnp/sp-dev-fx-controls-react/issues/757)",
+          "`RichText`: controlled mode doesn't work [#666](https://github.com/pnp/sp-dev-fx-controls-react/issues/666)"
+        ]
+      },
+      "contributions": [
+        "[Gautam Sheth](https://github.com/gautamdsheth)",
+        "[Marcin Wojciechowski](https://github.com/mgwojciech)",
+        "[Nikolay Belykh](https://github.com/nbelyh)",
+        "[André Lage](https://github.com/aaclage)"
+      ]
+    },
     {
       "version": "2.2.0",
       "changes": {
@@ -10,7 +67,8 @@
           "`FieldCollectionData`: `SearchBox` instead of `TextBox` [#719](https://github.com/pnp/sp-dev-fx-controls-react/pull/719)",
           "`TaxonomyPicker`: control does not show an error message for an invalid/unresolved input [#728](https://github.com/pnp/sp-dev-fx-controls-react/issues/728)",
           "Canadian French localization [#671](https://github.com/pnp/sp-dev-fx-controls-react/issues/671)",
-          "`FilePicker`: reduce bundle size [#732](https://github.com/pnp/sp-dev-fx-controls-react/issues/732)"
+          "`FilePicker`: reduce bundle size [#732](https://github.com/pnp/sp-dev-fx-controls-react/issues/732)",
+          "`FilePicker`: Custom render callbacks for the 'Upload' and 'Link' tabs [#746](https://github.com/pnp/sp-dev-fx-controls-react/issues/746)"
         ],
         "fixes": [
           "Localization: Fixing some wrong localizations for the DatePicker short day in Spanish.[#702](https://github.com/pnp/sp-dev-fx-controls-react/pull/702)",
@@ -24,7 +82,8 @@
           "Documentation fix for 'attention' block on index page [#740](https://github.com/pnp/sp-dev-fx-controls-react/pull/740)",
           "`TaxonomyPicker`: `sessionStorage` exceeds max-size when browsing large termsets [#739](https://github.com/pnp/sp-dev-fx-controls-react/issues/739)",
           "`FolderExplorer` and `FolderPicker` do not seem to work for document libraries [#741](https://github.com/pnp/sp-dev-fx-controls-react/issues/741)",
-          "`FilePicker`: `onChange` event does not exist despite being documented [#747](https://github.com/pnp/sp-dev-fx-controls-react/issues/747)"
+          "`FilePicker`: `onChange` event does not exist despite being documented [#747](https://github.com/pnp/sp-dev-fx-controls-react/issues/747)",
+          "`ListItemPicker`: Selected values are not getting cleared or reset [#659](https://github.com/pnp/sp-dev-fx-controls-react/issues/659)"
         ]
       },
       "contributions": [
@@ -139,8 +198,7 @@
     {
       "version": "1.19.0",
       "changes": {
-        "new": [
-        ],
+        "new": [],
         "enhancements": [
           "`ListView`: Add clear button to filter text box [#549](https://github.com/pnp/sp-dev-fx-controls-react/issues/549)",
           "`FolderExplorer`: Add clear button to filter text box [#553](https://github.com/pnp/sp-dev-fx-controls-react/pull/553)",

CHANGELOG.md

@@ -1,5 +1,55 @@
 # Releases
 
+## 2.4.0
+
+### New control(s)
+
+- `AccessibleAccordion` control [#770](https://github.com/pnp/sp-dev-fx-controls-react/pull/770)
+
+### Enhancements
+
+- `Placeholder`: support of custom rendering for `iconText` and `description`
+- `PeoplePicker`: ability just to display inactive users name (ideally the value fetched from 'Author/Title') [#768](https://github.com/pnp/sp-dev-fx-controls-react/issues/768)
+- `TaxonomyPicker`: New `onPanelSelectionChange` property added. Can be used to interact with the control while selecting items in the panel, before Click or Cancel is clicked. [#761](https://github.com/pnp/sp-dev-fx-controls-react/issues/761)
+- `TaxonomyPicker`: `selectChildrenIfParentSelected` property added. Specifies if the children should be selected when parent item is selected (defaults to false). [#765](https://github.com/pnp/sp-dev-fx-controls-react/issues/765)
+- `ListPicker`: ability to pick lists from specified site using `webAbsoluteUrl` property.
+- `FilePicker`: `buttonIconProps` to define properties of the button's icon [#770](https://github.com/pnp/sp-dev-fx-controls-react/pull/770)
+
+### Fixes
+
+- `DateTimePicker`: documentation fix [#767](https://github.com/pnp/sp-dev-fx-controls-react/pull/767)
+- `PeoplePicker`: documentation fix - Changed isRequired property to new required [#769](https://github.com/pnp/sp-dev-fx-controls-react/pull/769)
+- Documentation fix - missing `IFramePanel` link on home page [#775](https://github.com/pnp/sp-dev-fx-controls-react/pull/775)
+- Documentation fix for `FilePicker`: updated `onChaged` to `onChange` [#776](https://github.com/pnp/sp-dev-fx-controls-react/pull/776)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [André Lage](https://github.com/aaclage), [Christian Metz](https://github.com/ChrisOMetz), [Gaurav Goyal](https://github.com/Gaurav8Bizportals), [Leif Frederiksen](https://github.com/Leif-Frederiksen), [Ravichandran Krishnasamy](https://github.com/ravichandran-blog), [San](https://github.com/sankarkumar23), [João Mendes](https://github.com/joaojmendes).
+
+## 2.3.0
+
+### New control(s)
+
+- `Dashboard` control for Microsoft Teams [#758](https://github.com/pnp/sp-dev-fx-controls-react/pull/758)
+- `Toobar` control for Microsoft Teams [#758](https://github.com/pnp/sp-dev-fx-controls-react/pull/758)
+
+### Enhancements
+
+- `TaxonomyPicker`: Added `useSessionStorage` property [#759](https://github.com/pnp/sp-dev-fx-controls-react/pull/759)
+
+### Fixes
+
+- `FilePicker`: documentation fix: '|' not escaped [#756](https://github.com/pnp/sp-dev-fx-controls-react/pull/756)
+- `TaxonomyPicker`: Return `TermSetId` for suggestions [#762](https://github.com/pnp/sp-dev-fx-controls-react/pull/762)
+- `WebPartTitle`: Fluent UI Updates to SharePoint - WebPartTitle control too thin now [#605](https://github.com/pnp/sp-dev-fx-controls-react/issues/605)
+- `ListView`: Sticky Header scrolling issue [#734](https://github.com/pnp/sp-dev-fx-controls-react/issues/734)
+- `DateTimePicker`: hours dropdown not re-rendered when state changed programmatically [#757](https://github.com/pnp/sp-dev-fx-controls-react/issues/757)
+- `RichText`: controlled mode doesn't work [#666](https://github.com/pnp/sp-dev-fx-controls-react/issues/666)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [Gautam Sheth](https://github.com/gautamdsheth), [Marcin Wojciechowski](https://github.com/mgwojciech), [Nikolay Belykh](https://github.com/nbelyh), [André Lage](https://github.com/aaclage).
+
 ## 2.2.0
 
 ### Enhancements
@@ -10,6 +60,7 @@
 - `TaxonomyPicker`: control does not show an error message for an invalid/unresolved input [#728](https://github.com/pnp/sp-dev-fx-controls-react/issues/728)
 - Canadian French localization [#671](https://github.com/pnp/sp-dev-fx-controls-react/issues/671)
 - `FilePicker`: reduce bundle size [#732](https://github.com/pnp/sp-dev-fx-controls-react/issues/732)
+- `FilePicker`: Custom render callbacks for the 'Upload' and 'Link' tabs [#746](https://github.com/pnp/sp-dev-fx-controls-react/issues/746)
 
 ### Fixes
 
@@ -25,6 +76,7 @@
 - `TaxonomyPicker`: `sessionStorage` exceeds max-size when browsing large termsets [#739](https://github.com/pnp/sp-dev-fx-controls-react/issues/739)
 - `FolderExplorer` and `FolderPicker` do not seem to work for document libraries [#741](https://github.com/pnp/sp-dev-fx-controls-react/issues/741)
 - `FilePicker`: `onChange` event does not exist despite being documented [#747](https://github.com/pnp/sp-dev-fx-controls-react/issues/747)
+- `ListItemPicker`: Selected values are not getting cleared or reset [#659](https://github.com/pnp/sp-dev-fx-controls-react/issues/659)
 
 ### Contributors
 

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

@@ -1,5 +1,55 @@
 # Releases
 
+## 2.4.0
+
+### New control(s)
+
+- `AccessibleAccordion` control [#770](https://github.com/pnp/sp-dev-fx-controls-react/pull/770)
+
+### Enhancements
+
+- `Placeholder`: support of custom rendering for `iconText` and `description`
+- `PeoplePicker`: ability just to display inactive users name (ideally the value fetched from 'Author/Title') [#768](https://github.com/pnp/sp-dev-fx-controls-react/issues/768)
+- `TaxonomyPicker`: New `onPanelSelectionChange` property added. Can be used to interact with the control while selecting items in the panel, before Click or Cancel is clicked. [#761](https://github.com/pnp/sp-dev-fx-controls-react/issues/761)
+- `TaxonomyPicker`: `selectChildrenIfParentSelected` property added. Specifies if the children should be selected when parent item is selected (defaults to false). [#765](https://github.com/pnp/sp-dev-fx-controls-react/issues/765)
+- `ListPicker`: ability to pick lists from specified site using `webAbsoluteUrl` property.
+- `FilePicker`: `buttonIconProps` to define properties of the button's icon [#770](https://github.com/pnp/sp-dev-fx-controls-react/pull/770)
+
+### Fixes
+
+- `DateTimePicker`: documentation fix [#767](https://github.com/pnp/sp-dev-fx-controls-react/pull/767)
+- `PeoplePicker`: documentation fix - Changed isRequired property to new required [#769](https://github.com/pnp/sp-dev-fx-controls-react/pull/769)
+- Documentation fix - missing `IFramePanel` link on home page [#775](https://github.com/pnp/sp-dev-fx-controls-react/pull/775)
+- Documentation fix for `FilePicker`: updated `onChaged` to `onChange` [#776](https://github.com/pnp/sp-dev-fx-controls-react/pull/776)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [André Lage](https://github.com/aaclage), [Christian Metz](https://github.com/ChrisOMetz), [Gaurav Goyal](https://github.com/Gaurav8Bizportals), [Leif Frederiksen](https://github.com/Leif-Frederiksen), [Ravichandran Krishnasamy](https://github.com/ravichandran-blog), [San](https://github.com/sankarkumar23), [João Mendes](https://github.com/joaojmendes).
+
+## 2.3.0
+
+### New control(s)
+
+- `Dashboard` control for Microsoft Teams [#758](https://github.com/pnp/sp-dev-fx-controls-react/pull/758)
+- `Toobar` control for Microsoft Teams [#758](https://github.com/pnp/sp-dev-fx-controls-react/pull/758)
+
+### Enhancements
+
+- `TaxonomyPicker`: Added `useSessionStorage` property [#759](https://github.com/pnp/sp-dev-fx-controls-react/pull/759)
+
+### Fixes
+
+- `FilePicker`: documentation fix: '|' not escaped [#756](https://github.com/pnp/sp-dev-fx-controls-react/pull/756)
+- `TaxonomyPicker`: Return `TermSetId` for suggestions [#762](https://github.com/pnp/sp-dev-fx-controls-react/pull/762)
+- `WebPartTitle`: Fluent UI Updates to SharePoint - WebPartTitle control too thin now [#605](https://github.com/pnp/sp-dev-fx-controls-react/issues/605)
+- `ListView`: Sticky Header scrolling issue [#734](https://github.com/pnp/sp-dev-fx-controls-react/issues/734)
+- `DateTimePicker`: hours dropdown not re-rendered when state changed programmatically [#757](https://github.com/pnp/sp-dev-fx-controls-react/issues/757)
+- `RichText`: controlled mode doesn't work [#666](https://github.com/pnp/sp-dev-fx-controls-react/issues/666)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [Gautam Sheth](https://github.com/gautamdsheth), [Marcin Wojciechowski](https://github.com/mgwojciech), [Nikolay Belykh](https://github.com/nbelyh), [André Lage](https://github.com/aaclage).
+
 ## 2.2.0
 
 ### Enhancements
@@ -10,6 +60,7 @@
 - `TaxonomyPicker`: control does not show an error message for an invalid/unresolved input [#728](https://github.com/pnp/sp-dev-fx-controls-react/issues/728)
 - Canadian French localization [#671](https://github.com/pnp/sp-dev-fx-controls-react/issues/671)
 - `FilePicker`: reduce bundle size [#732](https://github.com/pnp/sp-dev-fx-controls-react/issues/732)
+- `FilePicker`: Custom render callbacks for the 'Upload' and 'Link' tabs [#746](https://github.com/pnp/sp-dev-fx-controls-react/issues/746)
 
 ### Fixes
 
@@ -25,6 +76,7 @@
 - `TaxonomyPicker`: `sessionStorage` exceeds max-size when browsing large termsets [#739](https://github.com/pnp/sp-dev-fx-controls-react/issues/739)
 - `FolderExplorer` and `FolderPicker` do not seem to work for document libraries [#741](https://github.com/pnp/sp-dev-fx-controls-react/issues/741)
 - `FilePicker`: `onChange` event does not exist despite being documented [#747](https://github.com/pnp/sp-dev-fx-controls-react/issues/747)
+- `ListItemPicker`: Selected values are not getting cleared or reset [#659](https://github.com/pnp/sp-dev-fx-controls-react/issues/659)
 
 ### Contributors
 

docs/documentation/docs/assets/AccessibleAccordion.gif

@@ -0,0 +1,156 @@
+# Dashboard control
+
+Dashboard component for Microsoft Teams.
+
+!!! Note
+    As this component is based on `@fluentui/react-northstar` the main usage scenario is Microsoft Teams projects. You can still use it in non-Teams related projects as well.
+
+Here is an example of the control in action:
+
+![Carousel control](../assets/dashboard.png)
+
+## 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 { WidgetSize, Dashboard } from '@pnp/spfx-controls-react/lib/Dashboard';
+```
+
+- Use the `Dashboard` control in your code as follows:
+
+```TypeSCript
+const linkExample = { href: "#" };
+const calloutItemsExample = [
+  {
+    id: "action_1",
+    title: "Info",
+    icon: <Icon iconName={'Edit'} />,
+  },
+  { id: "action_2", title: "Popup", icon: <Icon iconName={'Add'} /> },
+];
+// ...
+<Dashboard
+  widgets={[{
+    title: "Card 1",
+    desc: "Last updated Monday, April 4 at 11:15 AM (PT)",
+    widgetActionGroup: calloutItemsExample,
+    size: WidgetSize.Triple,
+    body: [
+      {
+        id: "t1",
+        title: "Tab 1",
+        content: (
+          <Text>
+            Content #1
+          </Text>
+        ),
+      },
+      {
+        id: "t2",
+        title: "Tab 2",
+        content: (
+          <Text>
+            Content #2
+          </Text>
+        ),
+      },
+      {
+        id: "t3",
+        title: "Tab 3",
+        content: (
+          <Text>
+            Content #3
+          </Text>
+        ),
+      },
+    ],
+    link: linkExample,
+  },
+  {
+    title: "Card 2",
+    size: WidgetSize.Single,
+    link: linkExample,
+  },
+  {
+    title: "Card 3",
+    size: WidgetSize.Double,
+    link: linkExample,
+  }]} />
+```
+
+## Implementation
+
+The Dashboard component can be configured with the following properties:
+
+| Property | Type | Required | Description |
+| ---- | ---- | ---- | ---- |
+| widgets | IWidget[] | yes | Widgtets collection. |
+| allowHidingWidget | boolean | no | Specifies if widgets can be hidden from the dashboard. |
+| onWidgetHiding | (widget: IWidget) => void | no | Handler of widget hiding event. |
+| toolbarProps | IToolbarProps | no | Dashboard toolbar props. See [Toolbar](./Toolbar). |
+
+Interface `IWidget`
+
+Provides settings of Dashboard's widget
+
+| Property | Type | Required | Description |
+| ---- | ---- | ---- | ---- |
+| size | WidgetSize | yes | Size. |
+| title | string | yes | Title. |
+| desc | string | no | Description. |
+| widgetActionGroup | IWidgetActionKey[] | no | Actions. |
+| controlOptions | IWidgetControlOptions | no | Component rendering options. |
+| body | IWidgetBodyContent[] | no | Widget's content (children) rendered as tabs. |
+| link | IWidgetLink | no | Widget's link rendered at the bottom part of the widget. |
+
+Interface `IWidgetActionKey`
+
+Provides Dashboard Widget Action properties
+
+| Property | Type | Required | Description |
+| ---- | ---- | ---- | ---- |
+| id | string | yes | Action id. |
+| icon | JSX.Element | no | Action icon. |
+| title | string | yes | Action title. |
+| onClick | () => void | no | Action handler. |
+
+Interface `IWidgetControlOptions`
+
+Provides Widget component options
+
+| Property | Type | Required | Description |
+| ---- | ---- | ---- | ---- |
+| isHidden | boolean | no | Specifies if current widget is hidden. |
+
+Interface `IWidgetBodyContent`
+
+Provides Widget content (tab) properties
+
+| Property | Type | Required | Description |
+| ---- | ---- | ---- | ---- |
+| id | string | yes | Content (tab) id. |
+| title | string | yes | Content (tab) title. |
+| content | React.ReactNode | yes | Tab content. |
+
+Interface `IWidgetLink`
+
+Provides Widget link properties
+
+| Property | Type | Required | Description |
+| ---- | ---- | ---- | ---- |
+| href | string | yes | Link to be opened. |
+
+Enum `WidgetSize`
+
+Provides size of the widget
+
+| Value | Description |
+| ---- | ---- |
+| Single | Single-sized grid item. |
+| Double | Double-width grid item. |
+| Triple | Triple width grid item. |
+| Box | Double-width, double-height grid item. |
+
+![](https://telemetry.sharepointpnp.com/sp-dev-fx-controls-react/wiki/controls/Dashboard)