@scheels-softdev/kendoreact-generics 4.0.14 → 4.0.16

package/GenericDropdown.d.ts

@@ -3,6 +3,7 @@ interface BaseProps<T> extends ComboBoxProps {
     data: T[];
     pageSize?: number;
     onClear?: () => void;
+    textField: Extract<keyof T, string>;
 }
 interface SelectedDataProps<T> {
     selectedData?: T;

package/GenericDropdown.js

@@ -12,7 +12,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from "react";
 import { ComboBox } from "@progress/kendo-react-dropdowns";
-import { filterBy } from "@progress/kendo-data-query";
 export function GenericDropdown(_a) {
     var { data, onClear } = _a, props = __rest(_a, ["data", "onClear"]);
     const selectedItem = useMemo(() => {
@@ -25,30 +24,29 @@ export function GenericDropdown(_a) {
         }
         return null;
     }, [props, data]);
-    const filteredData = React.useRef(data.slice());
     const [state, setState] = React.useState({
         skip: 0,
         total: data.length,
         subsetData: data.slice(0, 11),
     });
     const onFilterChange = (event) => {
-        filteredData.current = filterBy(data.slice(), event.filter);
-        const newData = filteredData.current.slice(0, 11);
+        const filteredData = data.filter((x) => x[props.textField].includes(event.filter.value));
+        const newData = filteredData.slice(0, 11);
         setState({
             subsetData: newData,
             skip: 0,
-            total: filteredData.current.length,
+            total: filteredData.length,
         });
     };
     const pageChange = (event) => {
         const skip = event.page.skip;
         const take = event.page.take;
-        const newSubsetData = filteredData.current.slice(skip, skip + take);
+        const newSubsetData = state.subsetData.slice(skip, skip + take);
         setState(Object.assign(Object.assign({}, state), { subsetData: newSubsetData, skip: skip }));
     };
     return (_jsx(ComboBox, Object.assign({ data: state.subsetData, value: selectedItem, virtual: {
             total: state.total,
-            pageSize: 11,
+            pageSize: 100,
             skip: state.skip,
         }, onPageChange: pageChange, onFilterChange: onFilterChange, dataItemKey: "idField" in props ? props.idField : undefined }, props)));
 }

package/package.json

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