@scheels-softdev/kendoreact-generics 2.4.0 → 2.4.2

package/GenericDropdown.d.ts

@@ -6,7 +6,6 @@ import { CSSProperties } from "react";
  * @returns {JSX.Element}
  */
 export declare function GenericDropdown<T>({ data, selectedId, selectedData, onChange, textFields, separator, disabled, idField, title, hideClearButton, style, }: {
-    /** The data to populate the dropdown options */
     data: T[];
     /** The ID of the currently selected item. (optional)*/
     selectedId?: number;

package/GenericDropdown.js

@@ -3,6 +3,7 @@ import { ComboBox } from "@progress/kendo-react-dropdowns";
 import { filterBy } from "@progress/kendo-data-query";
 import { useEffect, useRef, useState } from "react";
 import { getTextValue } from "./Utility";
+import { Skeleton } from "@progress/kendo-react-indicators";
 //TODO add a style property
 //TODO add metadata documentation
 // component that renders a dropdown with a search filter
@@ -59,24 +60,25 @@ export function GenericDropdown({ data, selectedId, selectedData, onChange, text
             return Object.assign(Object.assign({}, x), { textValue: getTextValue(x, textFields.map((x) => x.toString()), separator) });
         }));
     }, [data, textFields, separator]);
-    const findByIndex = (id, idKey, data) => {
+    const findByIndex = (id, idKey) => {
         console.log(id, data, idField);
-        const item = data.find((item) => id === item[idKey || "id"]);
+        const item = dataList.find((item) => id === item[idKey || "id"]);
         console.log(item);
         return item;
     };
-    const findByValue = (item, data) => {
+    const findByValue = (item) => {
         console.log(item, data);
-        const returnVal = data.find((x) => JSON.stringify(Object.assign(Object.assign({}, x), selectedData)) === JSON.stringify(Object.assign({}, x)));
+        const returnVal = dataList.find((x) => JSON.stringify(Object.assign(Object.assign({}, x), selectedData)) === JSON.stringify(Object.assign({}, x)));
         console.log(returnVal);
         return returnVal;
     };
-    return (_jsx("div", Object.assign({ "data-testid": "dropdown" }, { children: _jsx(ComboBox, { style: style, label: title, disabled: disabled, data: state.subsetData, textField: "textValue", virtual: {
-                // enable virtualization for large datasets
-                total: state.total,
-                pageSize: pageSize,
-                skip: state.skip,
-            }, suggest: true, onPageChange: pageChange, filterable: true, onFilterChange: onFilterChange, popupSettings: {
-                height: "210px",
-            }, onChange: (e) => onChange(e), onBlur: (e) => e.nativeEvent.preventDefault(), clearButton: !hideClearButton, value: !selectedId && !selectedData ? null : findByIndex(selectedId, idField, dataList) || findByValue(selectedData, dataList) || null }) })));
+    return (_jsx("div", Object.assign({ "data-testid": "dropdown" }, { children: data.length ?
+            _jsx(ComboBox, { style: style, label: title, disabled: disabled, data: state.subsetData, textField: "textValue", virtual: {
+                    // enable virtualization for large datasets
+                    total: state.total,
+                    pageSize: pageSize,
+                    skip: state.skip,
+                }, suggest: true, onPageChange: pageChange, filterable: true, onFilterChange: onFilterChange, popupSettings: {
+                    height: "210px",
+                }, onChange: (e) => onChange(e), onBlur: (e) => e.nativeEvent.preventDefault(), clearButton: !hideClearButton, value: !selectedId && !selectedData ? null : findByIndex(selectedId, idField) || findByValue(selectedData) || null }) : _jsx(Skeleton, { shape: "rectangle", style: style ? style : { height: "40px", width: "100%" } }) })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@scheels-softdev/kendoreact-generics",
-    "version": "2.4.0",
+    "version": "2.4.2",
     "main": "index.js",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -13,15 +13,16 @@
     "author": "JaegerEdward98",
     "license": "ISC",
     "dependencies": {
+        "@progress/kendo-data-query": "latest",
         "@progress/kendo-react-dateinputs": "latest",
         "@progress/kendo-react-dropdowns": "latest",
         "@progress/kendo-react-grid": "latest",
+        "@progress/kendo-react-indicators": "^5.14.1",
         "@progress/kendo-react-inputs": "latest",
-        "@progress/kendo-data-query": "latest",
-        "npmrc": "latest",
         "@types/moment": "latest",
         "@types/react": "latest",
         "moment": "latest",
+        "npmrc": "latest",
         "react": "latest",
         "react-dom": "latest",
         "typescript": "latest"