update doc ListItemPicker

Author: joaojmendes

docs/documentation/docs/assets/ListItemPicker-selectedItems.png

@@ -1,65 +1,54 @@
 # ListItemPicker control
 
-This control allows you to select one or more list item from a site 
+This control allows you to select one or more  item from list, based in a column value, the control sugest values based on charaters typed 
 
 Here is an example of the control:
 
-![ListPicker initial](../assets/ListPicker-initial.png)
+![ListItemPicker select list items](../assets/listitemPicker-selectlist.png)
 
-`ListPicker` single selection mode:
+ 
 
-![ListPicker single selection](../assets/ListPicker-single.png)
+![ListItemPicker selected Items](../assets/listitemPicker-selectedItems.png)
 
-`ListPicker` multi-selection mode
-
-![ListPicker multi selection](../assets/ListPicker-multi.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 control into your component:
 
 ```TypeScript
-import { ListPicker } from "@pnp/spfx-controls-react/lib/ListPicker";
+ 
+import { ListItemPicker } from '@pnp/spfx-controls-react/listItemPicker';
 ```
 
-- Use the `ListPicker` control in your code as follows:
+- Use the `ListItemPicker` control in your code as follows:
 
 ```TypeScript
-<ListPicker context={this.props.context}
-            label="Select your list(s)"
-            placeHolder="Select your list(s)"
-            baseTemplate={100}
-            includeHidden={false}
-            multiSelect={false}
-            onSelectionChanged={this.onListPickerChange} />
+ <ListItemPicker
+            listId='da8daf15-d84f-4ab1-9800-7568f82fed3f'
+            columnInternalName='Title'
+            itemLimit={2}
+            onSelectedItem={this.onSelectedItem}
+            context={this.props.context}
+          />
 ```
 
-- The `onSelectionChanged` change event returns the list(s) and can be implemented as follows:
+- The `onSelectedItem` change event returns the list items selected and can be implemented as follows:
 
 ```TypeScript
-private onListPickerChange (lists: string | string[]) {
-  console.log("Lists:", lists);
-}
+private onSelectedItem(data: { key: string; name: string }[]) {
+    for (const item of data) {
+      console.log(`Item value: ${item.name}`);
+    }
+  }
 ```
 
 ## Implementation
 
-The `ListPicker` control can be configured with the following properties:
-
-| Property | Type | Required | Description |
-| ---- | ---- | ---- | ---- |
-| context | WebPartContext OR ApplicationCustomizerContext | yes | The context object of the SPFx loaded webpart or customizer. |
-| className | string | no | If provided, additional class name to provide on the dropdown element. |
-| disabled | boolean | no | Whether or not the control is disabled. |
-| baseTemplate | number | no | The SharePoint BaseTemplate ID to filter the list options by. |
-| includeHidden | boolean | no | Whether or not to include hidden lists. Default is `true`. |
-| orderBy | LibsOrderBy | no | How to order the lists retrieved from SharePoint. |
-| selectedList | string OR string[] | no | Keys 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. |
-| multiSelect | boolean | no | Optional mode indicates if multi-choice selections is allowed. Default to `false`. |
-| label | string | no | Label to use for the control. |
-| placeholder | string | no | Placeholder label to show in the dropdown. |
-| onSelectionChanged | (newValue: string OR string[]): void | no | Callback function when the selected option changes. |
+The `ListItemPicker` control can be configured with the following properties:
+
+		
 
 Enum `LibsOrderBy`
 
@@ -68,4 +57,4 @@ Enum `LibsOrderBy`
 | Id |
 | Title |
 
-![](https://telemetry.sharepointpnp.com/sp-dev-fx-controls-react/wiki/controls/ListPicker)
+![](https://telemetry.sharepointpnp.com/sp-dev-fx-controls-react/wiki/controls/ListItemPicker)