Merge branch 'select-default-items' of https://github.com/joelfmrodrigues/sp-dev-fx-controls-react into joelfmrodrigues-select-default-items

Author: estruyf

src/controls/listView/IListView.ts

@@ -1,5 +1,5 @@
 import { Selection, SelectionMode } from 'office-ui-fabric-react/lib/DetailsList';
-import { IColumn ,IGroup} from 'office-ui-fabric-react/lib/components/DetailsList';
+import { IColumn, IGroup } from 'office-ui-fabric-react/lib/components/DetailsList';
 
 export { SelectionMode };
 
@@ -40,6 +40,10 @@ export interface IListViewProps {
    * Selection event that passes the selected item(s)
    */
   selection?: (items: any[]) => void;
+  /**
+   * The index if items to be select by default.
+   */
+  defaultSelection?: number[];
 }
 
 export interface IListViewState {

src/controls/listView/ListView.tsx

@@ -46,11 +46,27 @@ export class ListView extends React.Component<IListViewProps, IListViewState> {
    * @param prevState
    */
   public componentDidUpdate(prevProps: IListViewProps, prevState: IListViewState): void {
+    // select default items
+    this._setSelectedItems();
+
     if (!isEqual(prevProps, this.props)) {
       this._processProperties();
     }
   }
 
+  /**
+   * Select all the items that should be selected by default
+   */
+  private _setSelectedItems(): void {
+    if (this.props.items && this.props.items.length > 0 && this.props.defaultSelection && this.props.defaultSelection.length > 0) {
+      for (const index of this.props.defaultSelection) {
+        if (index > -1) {
+          this._selection.setIndexSelected(index, true, false);
+        }
+      }
+    }
+  }
+
   /**
    * Specify result grouping for the list rendering
    * @param items

tslint.json

@@ -0,0 +1,3 @@
+{
+    "rulesDirectory": "./config"
+}