@scheels-softdev/kendoreact-generics 2.9.8 → 2.9.9

package/GenericDropdown.js

@@ -1,36 +1,34 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { filterBy } from "@progress/kendo-data-query";
 import { ComboBox } from "@progress/kendo-react-dropdowns";
-import { useState, useRef } from "react";
+import { useState } from "react";
 const pageSize = 12;
 export function GenericDropdown(props) {
     var _a, _b, _c, _d;
-    const filteredData = useRef(props.data.slice());
+    const [filteredData, setFilteredData] = useState(props.data);
     const [state, setState] = useState({
-        subsetData: props.data.slice(0, pageSize),
+        subsetData: filteredData.slice(0, pageSize),
         skip: 0,
-        total: props.data.length,
+        total: filteredData.length,
     });
     const filterChange = (event) => {
-        filteredData.current = filterBy(props.data.slice(), event.filter);
-        const data = filteredData.current.slice(0, pageSize);
+        const updatedFilteredData = filterBy(props.data, event.filter);
+        setFilteredData(updatedFilteredData);
         setState({
-            subsetData: data,
+            subsetData: updatedFilteredData.slice(0, pageSize),
             skip: 0,
-            total: filteredData.current.length,
+            total: updatedFilteredData.length,
         });
     };
     const pageChange = (event) => {
         const skip = event.page.skip;
         const take = event.page.take;
-        const newSubsetData = filteredData.current.slice(skip, skip + take);
-        setState(Object.assign(Object.assign({}, state), { subsetData: newSubsetData, skip: skip }));
+        const newSubsetData = filteredData.slice(skip, skip + take);
+        setState(Object.assign(Object.assign({}, state), { subsetData: newSubsetData, skip }));
     };
     return (_jsx(ComboBox, { data: state.subsetData, dataItemKey: (_b = (_a = props.idField) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : undefined, textField: props.textField.toString(), virtual: {
             total: state.total,
             pageSize: pageSize,
             skip: state.skip,
-        }, label: (_c = props.title) !== null && _c !== void 0 ? _c : "Select an option", onPageChange: pageChange, onFilterChange: filterChange, filterable: true, popupSettings: {
-            height: "250px",
-        }, defaultValue: props, style: Object.assign({ width: "300px" }, props.style), onChange: (event) => props.onChange(event), disabled: props.isLoading, value: (_d = props.selectedData) !== null && _d !== void 0 ? _d : props.data.find((d) => d[props.idField] === props.selectedId), clearButton: props.hideClearButton ? undefined : true }));
+        }, label: (_c = props.title) !== null && _c !== void 0 ? _c : "Select an option", onPageChange: pageChange, onFilterChange: filterChange, filterable: true, popupSettings: { height: "250px" }, defaultValue: props, style: Object.assign({ width: "300px" }, props.style), onChange: (event) => props.onChange(event), disabled: props.isLoading, value: (_d = props.selectedData) !== null && _d !== void 0 ? _d : props.data.find((d) => d[props.idField] === props.selectedId), clearButton: props.hideClearButton ? undefined : true }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@scheels-softdev/kendoreact-generics",
-    "version": "2.9.8",
+    "version": "2.9.9",
     "main": "index.js",
     "scripts": {
         "test": "jest",