@scheels-softdev/kendoreact-generics 4.0.10 → 4.0.12

package/GenericDropdown.js

@@ -10,12 +10,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from "react";
+import { useMemo, useState, useCallback } from "react";
 import { ComboBox } from "@progress/kendo-react-dropdowns";
-// GenericDropdown component definition
 export function GenericDropdown(_a) {
     var { data, onClear } = _a, props = __rest(_a, ["data", "onClear"]);
-    // Compute selected item based on the provided props using type guards
+    const pageSize = props.pageSize || 6;
+    const [state, setState] = useState({
+        subsetData: data.slice(0, pageSize),
+        skip: 0,
+    });
     const selectedItem = useMemo(() => {
         var _a;
         if ("selectedData" in props) {
@@ -26,23 +29,22 @@ export function GenericDropdown(_a) {
         }
         return null;
     }, [props, data]);
-    const [state, setState] = React.useState({
-        subsetData: data.slice(0, 6),
-        skip: 0,
-    });
-    const pageChange = (event) => {
-        const skip = event.page.skip;
-        const take = event.page.take;
-        const newSubsetData = data.slice(skip, skip + take);
-        setState({
-            subsetData: newSubsetData,
-            skip: skip,
+    const pageChange = useCallback((event) => {
+        const { skip, take } = event.page;
+        setState((prevState) => {
+            if (prevState.skip === skip) {
+                return prevState; // prevent re-render if skip hasn't changed
+            }
+            return {
+                subsetData: data.slice(skip, skip + take),
+                skip,
+            };
         });
-    };
+    }, [data]);
     return (_jsx(ComboBox, Object.assign({ data: state.subsetData, value: selectedItem, virtual: {
-            pageSize: 6,
+            pageSize: pageSize,
             skip: state.skip,
-            total: data.length,
+            total: data.length / pageSize,
         }, onPageChange: pageChange }, props)));
 }
 export default GenericDropdown;

package/package.json

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