Merge pull request #62 from SharePoint/dev

Merging for 1.2.5 release

CHANGELOG.md

@@ -1,12 +1,20 @@
 # Releases
 
+## 1.2.5
+
+**Fixes**
+
+- Undo `ListView` item selection after items array updates [#55](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/55)
+
 ## 1.2.4
 
 **Enhancements**
-- Hiding placeholder web part on small zones
+
+- Hiding placeholder title on small zones
 
 **Fixes**
-- iFrame dialog reference fix [#52 - Need some more implementation documentation on IFrameDialog](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/52)
+
+- iFrame dialog reference fix [#52](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/52)
 
 ## 1.2.3
 

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

@@ -1,12 +1,20 @@
 # Releases
 
+## 1.2.5
+
+**Fixes**
+
+- Undo `ListView` item selection after items array updates [#55](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/55)
+
 ## 1.2.4
 
 **Enhancements**
-- Hiding placeholder web part on small zones
+
+- Hiding placeholder title on small zones
 
 **Fixes**
-- iFrame dialog reference fix [#52 - Need some more implementation documentation on IFrameDialog](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/52)
+
+- iFrame dialog reference fix [#52](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/52)
 
 ## 1.2.3
 

docs/documentation/docs/index.md

@@ -1,7 +1,9 @@
-# Reusable React controls for your SharePoint Framework solutions
+# Reusable React controls for your SharePoint Framework solutions ![](https://img.shields.io/npm/v/@pnp/spfx-controls-react.svg)
 
 This repository provides developers with a set of reusable React controls that can be used in SharePoint Framework (SPFx) solutions. The project provides controls for building web parts and extensions.
 
+!!! attention The controls project has a minimal dependency on SharePoint Framework version `1.3.0`. Be aware that the controls might not work in solutions your building for on-premises. As for on-premises solutions version `1.1.0` is currently used.
+
 ## Getting started
 
 ### Installation

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnp/spfx-controls-react",
   "description": "Reusable React controls for SharePoint Framework solutions",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "engines": {
     "node": ">=0.10.0"
   },
@@ -65,5 +65,12 @@
     "url": "https://github.com/SharePoint/sp-dev-fx-controls-react/issues"
   },
   "main": "lib/index.js",
-  "homepage": "https://github.com/SharePoint/sp-dev-fx-controls-react"
+  "homepage": "https://github.com/SharePoint/sp-dev-fx-controls-react",
+  "contributors": [
+    "Gove, Russell <[email protected]>",
+    "Kent Chris <>",
+    "Rodrigues, Joel <>",
+    "Struyf, Elio <[email protected]>",
+    "Terentiev, Alex <>"
+  ]
 }

src/controls/listView/ListView.tsx

@@ -59,6 +59,9 @@ export class ListView extends React.Component<IListViewProps, IListViewState> {
     this._setSelectedItems();
 
     if (!isEqual(prevProps, this.props)) {
+      // Reset the selected items
+      this._selection.setItems(this.props.items, true);
+      // Process list view properties
       this._processProperties();
     }
   }

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -70,6 +70,19 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
     console.log('Items:', items);
   }
 
+  /**
+   * Deletes second item from the list
+   */
+  private deleteItem = () => {
+    const { items } = this.state;
+    if (items.length >= 2) {
+      items.splice(1, 1);
+      this.setState({
+        items: items
+      });
+    }
+  }
+
   /**
    * Renders the component
    */
@@ -212,6 +225,8 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
           compact={true}
           selectionMode={SelectionMode.multiple}
           selection={this._getSelection} />
+
+          <p><a href="javascript:;" onClick={this.deleteItem}>Deletes second item</a></p>
       </div>
     );
   }