@oliasoft-open-source/react-ui-library 3.1.27 → 3.1.29

package/dist/index.js

@@ -25061,27 +25061,25 @@ const List = ({
     hideScrollbar: hideScrollbar2,
     triggerScrollToActiveItem,
     infiniteScroll,
-    infiniteScrollTarget,
-    limit: limit2
+    infiniteScrollTarget
   } = scrollDetails;
   const listHeadingRef = useRef();
   const listRowRefs = useRef([]);
   const listContainerRef = useRef();
-  const [items, setItems] = useState(lodash.exports.slice(list2 == null ? void 0 : list2.items, 0, limit2));
-  const [index2, setIndex] = useState(limit2);
+  const MIN_ITEM_HEIGHT = 44;
+  const visibleRows = infiniteScroll ? Math.ceil(window.innerHeight / MIN_ITEM_HEIGHT) : list2.items.length;
+  const [items, setItems] = useState(lodash.exports.slice(list2 == null ? void 0 : list2.items, 0, visibleRows));
+  const [index2, setIndex] = useState(visibleRows);
   const [hasMore, setHasMore] = useState(index2 < (list2 == null ? void 0 : list2.items.length));
   useEffect(() => {
     listRowRefs.current = listRowRefs.current.slice(0, list2.items.length);
   }, [list2.items.length]);
-  useEffect(() => {
-    setItems(lodash.exports.slice(list2 == null ? void 0 : list2.items, 0, index2));
-  }, [list2.items]);
   const loadMoreItems = () => {
     if (index2 >= list2.items.length) {
       setHasMore(false);
       return;
     }
-    const newIndex = index2 + limit2;
+    const newIndex = index2 + visibleRows;
     const newItems = lodash.exports.concat(items, lodash.exports.slice(list2 == null ? void 0 : list2.items, index2, newIndex));
     setIndex(newIndex);
     setItems(newItems);
@@ -27424,7 +27422,7 @@ const CustomSelect = ({
   const getLayerWidth = useCallback$1((triggerBounds2) => {
     if (!autoLayerWidth)
       return triggerBounds2.width;
-    const layerWidth = Math.max(getWidestOptionWidth(), triggerBounds2.width);
+    const layerWidth = Math.max(getWidestOptionWidth(options, small2, isFontLoaded, placeholder3), triggerBounds2.width);
     return layerWidth;
   }, [options, isFontLoaded]);
   const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.1.27",
+  "version": "3.1.29",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",