@oliasoft-open-source/react-ui-library 3.3.8-beta-1 → 3.3.9

package/dist/index.js

@@ -10,7 +10,7 @@ import * as PropTypes from "prop-types";
 import PropTypes__default from "prop-types";
 import { FaChevronRight, FaCheck, FaRegCircle, FaSync, FaFileImport, FaRegCopy, FaSortAmountUp, FaClone, FaStar, FaEyeSlash, FaEye, FaUndo, FaChevronDown, FaChevronUp, FaEdit, FaPencilAlt, FaPlus, FaMinus, FaTrash, FaTable, FaSortAmountDown, FaQuestion, FaTimes, FaChartLine, FaArrowUp, FaArrowRight, FaArrowLeft, FaArrowDown, FaAngleDown, FaAngleRight, FaEllipsisV, FaQuestionCircle, FaBook, FaGripLinesVertical, FaChevronLeft, FaInfoCircle, FaExclamationTriangle, FaExclamationCircle, FaCheckCircle, FaAngleDoubleLeft, FaAngleLeft, FaAngleDoubleRight, FaFastBackward, FaFastForward } from "react-icons/fa";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import _$1, { isBoolean as isBoolean$1, isFunction as isFunction$1, isEmpty, isString, isNumber, isArray, slice, concat, debounce, uniqWith, isEqual as isEqual$3, get as get$1 } from "lodash";
+import _$1, { isBoolean as isBoolean$1, isFunction as isFunction$1, isEmpty, isString, isNumber, isArray, debounce, uniqWith, isEqual as isEqual$3, get as get$1 } from "lodash";
 import ReactDOM, { createPortal, unstable_batchedUpdates, findDOMNode as findDOMNode$2, render } from "react-dom";
 import { HiLockClosed, HiLockOpen } from "react-icons/hi";
 import { GrDrag } from "react-icons/gr";
@@ -18768,30 +18768,27 @@ const List = ({
   const listRowRefs = useRef([]);
   const listContainerRef = useRef();
   const MIN_ITEM_HEIGHT = 44;
-  const visibleRows = infiniteScroll ? Math.ceil(window.innerHeight / MIN_ITEM_HEIGHT) : list2.items.length;
-  const [items, setItems] = useState(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));
+  const pageSize = infiniteScroll ? Math.ceil(window.innerHeight / MIN_ITEM_HEIGHT) : list2.items.length;
+  const [numVisibleRows, setNumVisibleRows] = useState(pageSize);
+  const [hasMore, setHasMore] = useState(numVisibleRows < (list2 == null ? void 0 : list2.items.length));
   useEffect(() => {
     listRowRefs.current = listRowRefs.current.slice(0, list2.items.length);
   }, [list2.items.length]);
   const loadMoreItems = () => {
-    if (index2 >= list2.items.length) {
+    if (numVisibleRows >= list2.items.length) {
       setHasMore(false);
       return;
     }
-    const newIndex = index2 + visibleRows;
-    const newItems = concat(items, slice(list2 == null ? void 0 : list2.items, index2, newIndex));
-    setIndex(newIndex);
-    setItems(newItems);
+    const newVisibleRows = pageSize + numVisibleRows;
+    setNumVisibleRows(newVisibleRows);
   };
-  const findFirstActiveItemIndex = (items2) => items2.findIndex((item2) => item2.active === true);
+  const findFirstActiveItemIndex = (items) => items.findIndex((item2) => item2.active === true);
   const setScrollToActiveItem = (activeItemIndex) => {
     var _a, _b;
     const itemBorderLength = 1;
     if (triggerScrollToActiveItem && activeItemIndex >= 0) {
-      const itemOffsets = listRowRefs.current.reduce((acc, val, index22) => {
-        if (index22 < activeItemIndex) {
+      const itemOffsets = listRowRefs.current.reduce((acc, val, index2) => {
+        if (index2 < activeItemIndex) {
           return acc + val.clientHeight + itemBorderLength;
         }
         return acc;
@@ -18850,13 +18847,13 @@ const List = ({
               }), /* @__PURE__ */ jsx("div", {
                 className: cx(listStyles.list, bordered2 ? listStyles.bordered : ""),
                 children: infiniteScroll ? /* @__PURE__ */ jsx(InfiniteScroll, {
-                  dataLength: items.length,
+                  dataLength: numVisibleRows,
                   next: loadMoreItems,
                   hasMore,
                   scrollableTarget: infiniteScrollTarget || "scrollableDiv",
                   children: /* @__PURE__ */ jsx(ListRow, {
                     draggable: draggable2,
-                    items,
+                    items: list2.items.slice(0, numVisibleRows),
                     expanding,
                     invokeEditOnRowClick,
                     onListReorder,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.3.8-beta-1",
+  "version": "3.3.9",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {