@scheels-softdev/kendoreact-generics 2.1.19 → 2.2.0

package/GenericDropdown.js

@@ -77,5 +77,5 @@ idField, title, showClearButton, }) {
                 skip: state.skip,
             }, suggest: true, onPageChange: pageChange, filterable: true, onFilterChange: onFilterChange, popupSettings: {
                 height: "210px",
-            }, onChange: (e) => changeEvent(e), onBlur: (e) => e.nativeEvent.preventDefault(), clearButton: showClearButton, value: findByIndex(selectedId, idField, dataList) || findByValue(selectedData, dataList) || null }) })));
+            }, onChange: (e) => changeEvent(e), onBlur: (e) => e.nativeEvent.preventDefault(), clearButton: showClearButton, value: !selectedId && !selectedData ? null : findByIndex(selectedId, idField, dataList) || findByValue(selectedData, dataList) || null }) })));
 }

package/README.md

@@ -31,12 +31,14 @@ Note: This package has only been tested with typescript. if you're using javascr
 
     data: T[];
     selectedId: number;
+    selectedData?: T;
     changeEvent: Function;
     textFields: (keyof T)[];
     separator?: string;
     idField?: keyof T;
     disabled?: boolean;
     title?: string;
+    showClearButton?: boolean;
 
 #### data
 
@@ -48,7 +50,11 @@ Note: This package has only been tested with typescript. if you're using javascr
 
 #### selectedId
 
--   The id of the item selected. By default the dropdown will assume your item has an "id" property. if it doesn't, see optional parameters
+-   The id of the item selected. By default the dropdown will assume your item has an "id" property. if it doesn't have an Id but has a unique identifier, see optional keys (idField)
+
+#### selectedData
+
+-   The item selected. the dropdown will compare this object to the list of objects you gave it for the data prop to try to find the right index
 
 #### textFields
 
@@ -74,6 +80,10 @@ Note: This package has only been tested with typescript. if you're using javascr
 -   The label that appears in your multiselect when there aren't any options selected, or just above the multiselect when there are
 -   For example, if we want to use it to send a letter to an employee, we would pass "Selected Employee" here
 
+#### showClearButton (optional)
+
+-   A boolean indicating whether the clear button should show up or not
+
 ---
 
 ## MultiSelect Dropdown

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@scheels-softdev/kendoreact-generics",
-    "version": "2.1.19",
+    "version": "2.2.0",
     "main": "index.js",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",