@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.317

package/components/data/list/hooks/useListEventHandlers.js

@@ -1,323 +1,339 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useListEventHandlers = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = require("react");
-var _lodashEs = require("lodash-es");
-var _listHelpers = require("../utils/list-helpers");
-var _WidgetProvider = require("@wavemaker-ai/react-runtime/context/WidgetProvider");
-var _widgetInstanceUtils = require("../utils/widget-instance-utils");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * Custom hook for managing list event handlers
- * Extracts all event handling logic from the main component
- */
-var useListEventHandlers = exports.useListEventHandlers = function useListEventHandlers(props) {
-  var items = props.items,
-    multiselect = props.multiselect,
-    disableitem = props.disableitem,
-    selectionlimit = props.selectionlimit,
-    collapsible = props.collapsible,
-    selectedItems = props.selectedItems,
-    setSelectedItems = props.setSelectedItems,
-    activeItems = props.activeItems,
-    setActiveItems = props.setActiveItems,
-    firstSelectedItem = props.firstSelectedItem,
-    setFirstSelectedItem = props.setFirstSelectedItem,
-    groupCollapsed = props.groupCollapsed,
-    setGroupCollapsed = props.setGroupCollapsed,
-    currentPage = props.currentPage,
-    setCurrentPage = props.setCurrentPage,
-    visibleItems = props.visibleItems,
-    setVisibleItems = props.setVisibleItems,
-    setIsLoadingMore = props.setIsLoadingMore,
-    onClick = props.onClick,
-    onDblclick = props.onDblclick,
-    onMouseEnter = props.onMouseEnter,
-    onMouseLeave = props.onMouseLeave,
-    onSelectionlimitexceed = props.onSelectionlimitexceed,
-    onPaginationchange = props.onPaginationchange,
-    onPageChange = props.onPageChange,
-    onSetrecord = props.onSetrecord,
-    widgetInstance = props.widgetInstance,
-    onSelect = props.onSelect,
-    userInitiatedSelectionRef = props.userInitiatedSelectionRef,
-    datasource = props.datasource,
-    isServerSidePagination = props.isServerSidePagination,
-    pagesize = props.pagesize,
-    navigation = props.navigation,
-    onDemandCurrentPage = props.onDemandCurrentPage,
-    setOnDemandCurrentPage = props.setOnDemandCurrentPage,
-    listener = props.listener,
-    name = props.name,
-    _props$standalone = props.standalone,
-    standalone = _props$standalone === void 0 ? false : _props$standalone;
-  var selectedItemsRef = (0, _react.useRef)(selectedItems);
-  var Widgets = (0, _WidgetProvider.useWidgetProxy)(undefined, standalone);
-  (0, _react.useEffect)(function () {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { useCallback, useRef, useEffect } from "react";
+import { findIndex, includes, filter, slice, min, max } from "lodash-es";
+import { getSelectedItemWidgets } from "../utils/list-helpers";
+import { useWidgetProxy } from "../../../../context/WidgetProvider";
+import { setWidgetIndex, setWidgetPageIndex, setWidgetItem } from "../utils/widget-instance-utils";
+const useListEventHandlers = (props) => {
+  const {
+    items,
+    multiselect,
+    disableitem,
+    selectionlimit,
+    collapsible,
+    selectedItems,
+    setSelectedItems,
+    activeItems,
+    setActiveItems,
+    firstSelectedItem,
+    setFirstSelectedItem,
+    groupCollapsed,
+    setGroupCollapsed,
+    currentPage,
+    setCurrentPage,
+    visibleItems,
+    setVisibleItems,
+    setIsLoadingMore,
+    onClick,
+    onDblclick,
+    onMouseEnter,
+    onMouseLeave,
+    onSelectionlimitexceed,
+    onPaginationchange,
+    onPageChange,
+    onSetrecord,
+    widgetInstance,
+    onSelect,
+    userInitiatedSelectionRef,
+    datasource,
+    isServerSidePagination,
+    pagesize,
+    navigation,
+    onDemandCurrentPage,
+    setOnDemandCurrentPage,
+    listener,
+    name,
+    standalone = false
+  } = props;
+  const selectedItemsRef = useRef(selectedItems);
+  const Widgets = useWidgetProxy(void 0, standalone);
+  useEffect(() => {
     selectedItemsRef.current = selectedItems;
   }, [selectedItems]);
-
-  // Helper function to call onSelect and mark as user-initiated
-  var callOnSelect = (0, _react.useCallback)(function (selectedItem, event) {
-    if (onSelect && widgetInstance && selectedItem) {
-      if (userInitiatedSelectionRef) {
-        userInitiatedSelectionRef.current = true;
+  const callOnSelect = useCallback(
+    (selectedItem, event) => {
+      if (onSelect && widgetInstance && selectedItem) {
+        if (userInitiatedSelectionRef) {
+          userInitiatedSelectionRef.current = true;
+        }
+        setWidgetIndex(widgetInstance, items, selectedItem);
+        onSelect(widgetInstance, selectedItem, event != null ? event : void 0);
       }
-      // Set $index on widget instance
-      (0, _widgetInstanceUtils.setWidgetIndex)(widgetInstance, items, selectedItem);
-      onSelect(widgetInstance, selectedItem, event !== null && event !== void 0 ? event : undefined);
-    }
-  }, [onSelect, userInitiatedSelectionRef, items]);
-  var handleListItemClick = (0, _react.useCallback)(function (event, item) {
-    if (disableitem) return;
-    var selectCount = selectedItems.length;
-    var isItemSelected = (0, _lodashEs.includes)(selectedItems, item);
-    var isItemActive = activeItems.has(item);
-    if (multiselect) {
-      // Handle Shift+Click for range selection
-      if (event.shiftKey && firstSelectedItem && firstSelectedItem !== item) {
-        var firstIndex = (0, _lodashEs.findIndex)(items, function (i) {
-          return i === firstSelectedItem;
-        });
-        var lastIndex = (0, _lodashEs.findIndex)(items, function (i) {
-          return i === item;
-        });
-        if (firstIndex !== -1 && lastIndex !== -1) {
-          var start = (0, _lodashEs.min)([firstIndex, lastIndex]);
-          var end = (0, _lodashEs.max)([firstIndex, lastIndex]);
-          var rangeCount = end - start + 1;
-          if (selectionlimit > 0 && rangeCount > selectionlimit) {
-            (0, _widgetInstanceUtils.setWidgetIndex)(widgetInstance, items, item);
-            onSelectionlimitexceed === null || onSelectionlimitexceed === void 0 || onSelectionlimitexceed(event, widgetInstance);
+    },
+    [onSelect, userInitiatedSelectionRef, items]
+  );
+  const handleListItemClick = useCallback(
+    (event, item) => {
+      if (disableitem) return;
+      const selectCount = selectedItems.length;
+      const isItemSelected = includes(selectedItems, item);
+      const isItemActive = activeItems.has(item);
+      if (multiselect) {
+        if (event.shiftKey && firstSelectedItem && firstSelectedItem !== item) {
+          const firstIndex = findIndex(items, (i) => i === firstSelectedItem);
+          const lastIndex = findIndex(items, (i) => i === item);
+          if (firstIndex !== -1 && lastIndex !== -1) {
+            const start = min([firstIndex, lastIndex]);
+            const end = max([firstIndex, lastIndex]);
+            const rangeCount = end - start + 1;
+            if (selectionlimit > 0 && rangeCount > selectionlimit) {
+              setWidgetIndex(widgetInstance, items, item);
+              onSelectionlimitexceed == null ? void 0 : onSelectionlimitexceed(event, widgetInstance);
+              return;
+            }
+            const rangeItems = slice(items, start, end + 1);
+            selectedItemsRef.current = rangeItems;
+            setSelectedItems(rangeItems);
+            setActiveItems(new Set(rangeItems));
+            if (!isItemActive) {
+              callOnSelect(item, event);
+            }
+            setWidgetIndex(widgetInstance, items, item);
+            onClick == null ? void 0 : onClick(event, widgetInstance);
             return;
           }
-          var rangeItems = (0, _lodashEs.slice)(items, start, end + 1);
-          selectedItemsRef.current = rangeItems;
-          setSelectedItems(rangeItems);
-          setActiveItems(new Set(rangeItems));
-          // Only call onSelect if this is a new selection (not already active)
-          if (!isItemActive) {
-            callOnSelect(item, event); // Pass the current item that triggered the range selection
-          }
-          (0, _widgetInstanceUtils.setWidgetIndex)(widgetInstance, items, item);
-          onClick === null || onClick === void 0 || onClick(event, widgetInstance); // Use widgetInstance instead of item
-          return;
-        }
-      }
-
-      // Handle Ctrl+Click for individual item selection toggle
-      if (event.ctrlKey) {
-        if (selectionlimit > 0 && selectCount >= selectionlimit && !isItemSelected) {
-          (0, _widgetInstanceUtils.setWidgetIndex)(widgetInstance, items, item);
-          onSelectionlimitexceed === null || onSelectionlimitexceed === void 0 || onSelectionlimitexceed(event, widgetInstance);
-          return;
         }
-        if (isItemSelected) {
-          var newSelectedItems = (0, _lodashEs.filter)(selectedItems, function (selectedItem) {
-            return selectedItem !== item;
-          });
-          selectedItemsRef.current = newSelectedItems;
-          setSelectedItems(newSelectedItems);
-          var newActiveItems = new Set(activeItems);
-          newActiveItems["delete"](item);
-          setActiveItems(newActiveItems);
+        if (event.ctrlKey) {
+          if (selectionlimit > 0 && selectCount >= selectionlimit && !isItemSelected) {
+            setWidgetIndex(widgetInstance, items, item);
+            onSelectionlimitexceed == null ? void 0 : onSelectionlimitexceed(event, widgetInstance);
+            return;
+          }
+          if (isItemSelected) {
+            const newSelectedItems = filter(selectedItems, (selectedItem) => selectedItem !== item);
+            selectedItemsRef.current = newSelectedItems;
+            setSelectedItems(newSelectedItems);
+            const newActiveItems = new Set(activeItems);
+            newActiveItems.delete(item);
+            setActiveItems(newActiveItems);
+          } else {
+            const newSelectedItems = [...selectedItems, item];
+            selectedItemsRef.current = newSelectedItems;
+            setSelectedItems(newSelectedItems);
+            const newActiveItems = new Set(activeItems);
+            newActiveItems.add(item);
+            setActiveItems(newActiveItems);
+            if (!isItemActive) {
+              callOnSelect(item, event);
+            }
+          }
+          setFirstSelectedItem(item);
         } else {
-          var _newSelectedItems = [].concat((0, _toConsumableArray2["default"])(selectedItems), [item]);
-          selectedItemsRef.current = _newSelectedItems;
-          setSelectedItems(_newSelectedItems);
-          var _newActiveItems = new Set(activeItems);
-          _newActiveItems.add(item);
-          setActiveItems(_newActiveItems);
-          // Only call onSelect if this is a new selection (not already active)
-          if (!isItemActive) {
-            callOnSelect(item, event); // Pass the current item being selected
+          if (!isItemSelected) {
+            const newSelectedItems = [item];
+            selectedItemsRef.current = newSelectedItems;
+            setSelectedItems(newSelectedItems);
+            setActiveItems(/* @__PURE__ */ new Set([item]));
+            setFirstSelectedItem(item);
+            if (!isItemActive) {
+              callOnSelect(item, event);
+            }
           }
         }
-        setFirstSelectedItem(item);
       } else {
-        // Normal click without Ctrl - select item without deselecting if already selected
         if (!isItemSelected) {
-          // If clicking an unselected item, select only this item
-          var _newSelectedItems2 = [item];
-          selectedItemsRef.current = _newSelectedItems2;
-          setSelectedItems(_newSelectedItems2);
-          setActiveItems(new Set([item]));
+          const newSelectedItems = [item];
+          selectedItemsRef.current = newSelectedItems;
+          setSelectedItems(newSelectedItems);
+          setActiveItems(/* @__PURE__ */ new Set([item]));
           setFirstSelectedItem(item);
-          // Only call onSelect if this is a new selection (not already active)
           if (!isItemActive) {
-            callOnSelect(item, event); // Pass the current item being selected
+            callOnSelect(item, event);
           }
         }
-        // If item is already selected, do nothing (don't deselect)
       }
-    } else {
-      // Single select mode - only select, don't deselect on normal click
-      if (!isItemSelected) {
-        // If clicking an unselected item, select it
-        var _newSelectedItems3 = [item];
-        selectedItemsRef.current = _newSelectedItems3;
-        setSelectedItems(_newSelectedItems3);
-        setActiveItems(new Set([item]));
-        setFirstSelectedItem(item);
-        // Only call onSelect if this is a new selection (not already active)
-        if (!isItemActive) {
-          callOnSelect(item, event); // Pass the current item being selected
-        }
+      getSelectedItemWidgets(event, listener, name || "", item || null, Widgets);
+      setWidgetItem(widgetInstance, items, item);
+      onClick == null ? void 0 : onClick(event, widgetInstance);
+    },
+    [
+      disableitem,
+      selectedItems,
+      multiselect,
+      firstSelectedItem,
+      items,
+      selectionlimit,
+      activeItems,
+      setSelectedItems,
+      setActiveItems,
+      setFirstSelectedItem,
+      onSelectionlimitexceed,
+      onClick,
+      callOnSelect
+    ]
+  );
+  const handleListItemDoubleClick = useCallback(
+    (event, item) => {
+      if (onDblclick) {
+        setWidgetIndex(widgetInstance, items, item);
+        onDblclick(event, widgetInstance);
       }
-      // If item is already selected, do nothing (don't deselect)
-    }
-    (0, _listHelpers.getSelectedItemWidgets)(event, listener, name || "", item || null, Widgets);
-    (0, _widgetInstanceUtils.setWidgetItem)(widgetInstance, items, item);
-    onClick === null || onClick === void 0 || onClick(event, widgetInstance); // Use widgetInstance instead of item
-  }, [disableitem, selectedItems, multiselect, firstSelectedItem, items, selectionlimit, activeItems, setSelectedItems, setActiveItems, setFirstSelectedItem, onSelectionlimitexceed, onClick, callOnSelect]);
-  var handleListItemDoubleClick = (0, _react.useCallback)(function (event, item) {
-    if (onDblclick) {
-      (0, _widgetInstanceUtils.setWidgetIndex)(widgetInstance, items, item);
-      onDblclick(event, widgetInstance);
-    }
-  }, [onDblclick, items]);
-  var handleListItemMouseEnter = (0, _react.useCallback)(function (event, item) {
-    // Use widgetInstance instead of item
-    if (onMouseEnter) {
-      (0, _widgetInstanceUtils.setWidgetIndex)(widgetInstance, items, item);
-      onMouseEnter(event, widgetInstance);
-    }
-  }, [onMouseEnter, items]);
-  var handleListItemMouseLeave = (0, _react.useCallback)(function (event, item) {
-    if (onMouseLeave) {
-      (0, _widgetInstanceUtils.setWidgetIndex)(widgetInstance, items, item);
-      onMouseLeave(event, widgetInstance);
-    }
-  }, [onMouseLeave, items]);
-  var handleHeaderClick = (0, _react.useCallback)(function (groupKey) {
-    if (collapsible) {
-      setGroupCollapsed(_objectSpread(_objectSpread({}, groupCollapsed), {}, (0, _defineProperty2["default"])({}, groupKey, !groupCollapsed[groupKey])));
-    }
-  }, [collapsible, groupCollapsed, setGroupCollapsed]);
-  var handlePaginationChange = (0, _react.useCallback)(function (event, widget, index) {
-    if (index && currentPage !== index) {
-      // Update the current page
-      setCurrentPage(index);
-
-      // Trigger the callbacks - datasource handling is now done in usePagination hook
-      (0, _widgetInstanceUtils.setWidgetPageIndex)(widgetInstance, index);
-      onPaginationchange === null || onPaginationchange === void 0 || onPaginationchange(event, widgetInstance, index);
-      onPageChange === null || onPageChange === void 0 || onPageChange(event, index);
-    }
-  }, [currentPage, setCurrentPage, onPaginationchange, onPageChange, widgetInstance]);
-  var handleSetRecord = (0, _react.useCallback)(function (event, widget, index, data) {
-    if (index) {
-      setCurrentPage(index);
-      (0, _widgetInstanceUtils.setWidgetIndex)(widgetInstance, items, data);
-      onSetrecord === null || onSetrecord === void 0 || onSetrecord(event, widgetInstance, index, data);
-    }
-  }, [setCurrentPage, onSetrecord, items]);
-  var handlePageChange = (0, _react.useCallback)(function (page) {
-    // Update the current page
-    setCurrentPage(page);
-
-    // For server-side pagination, invoke the datasource
-    if (isServerSidePagination && datasource && typeof datasource.invoke === "function") {
-      // Set loading state
-      setIsLoadingMore(true);
-
-      // Invoke datasource for the new page
-      var invokeResult = datasource.invoke({
-        page: page
-      });
-      Promise.resolve(invokeResult).then(function () {
-        // Trigger the callbacks after successful data fetch
-        (0, _widgetInstanceUtils.setWidgetPageIndex)(widgetInstance, page);
-        onPaginationchange === null || onPaginationchange === void 0 || onPaginationchange(null, widgetInstance, page);
-        onPageChange === null || onPageChange === void 0 || onPageChange(null, page);
-        setIsLoadingMore(false);
-      })["catch"](function (error) {
-        console.error("Error loading page data:", error);
-        setIsLoadingMore(false);
-        // Revert to previous page on error
-        setCurrentPage(currentPage);
-      });
-    } else {
-      // For client-side pagination, just trigger callbacks
-      (0, _widgetInstanceUtils.setWidgetPageIndex)(widgetInstance, page);
-      onPaginationchange === null || onPaginationchange === void 0 || onPaginationchange(null, widgetInstance, page);
-      onPageChange === null || onPageChange === void 0 || onPageChange(null, page);
-    }
-  }, [setCurrentPage, onPaginationchange, onPageChange, widgetInstance, currentPage, setIsLoadingMore, isServerSidePagination, datasource]);
-  var handleLoadMore = (0, _react.useCallback)(function () {
+    },
+    [onDblclick, items]
+  );
+  const handleListItemMouseEnter = useCallback(
+    (event, item) => {
+      if (onMouseEnter) {
+        setWidgetIndex(widgetInstance, items, item);
+        onMouseEnter(event, widgetInstance);
+      }
+    },
+    [onMouseEnter, items]
+  );
+  const handleListItemMouseLeave = useCallback(
+    (event, item) => {
+      if (onMouseLeave) {
+        setWidgetIndex(widgetInstance, items, item);
+        onMouseLeave(event, widgetInstance);
+      }
+    },
+    [onMouseLeave, items]
+  );
+  const handleHeaderClick = useCallback(
+    (groupKey) => {
+      if (collapsible) {
+        setGroupCollapsed(__spreadProps(__spreadValues({}, groupCollapsed), {
+          [groupKey]: !groupCollapsed[groupKey]
+        }));
+      }
+    },
+    [collapsible, groupCollapsed, setGroupCollapsed]
+  );
+  const handlePaginationChange = useCallback(
+    (event, widget, index) => {
+      if (index && currentPage !== index) {
+        setCurrentPage(index);
+        setWidgetPageIndex(widgetInstance, index);
+        onPaginationchange == null ? void 0 : onPaginationchange(event, widgetInstance, index);
+        onPageChange == null ? void 0 : onPageChange(event, index);
+      }
+    },
+    [currentPage, setCurrentPage, onPaginationchange, onPageChange, widgetInstance]
+  );
+  const handleSetRecord = useCallback(
+    (event, widget, index, data) => {
+      if (index) {
+        setCurrentPage(index);
+        setWidgetIndex(widgetInstance, items, data);
+        onSetrecord == null ? void 0 : onSetrecord(event, widgetInstance, index, data);
+      }
+    },
+    [setCurrentPage, onSetrecord, items]
+  );
+  const handlePageChange = useCallback(
+    (page) => {
+      setCurrentPage(page);
+      if (isServerSidePagination && datasource && typeof datasource.invoke === "function") {
+        setIsLoadingMore(true);
+        const invokeResult = datasource.invoke({ page });
+        Promise.resolve(invokeResult).then(() => {
+          setWidgetPageIndex(widgetInstance, page);
+          onPaginationchange == null ? void 0 : onPaginationchange(null, widgetInstance, page);
+          onPageChange == null ? void 0 : onPageChange(null, page);
+          setIsLoadingMore(false);
+        }).catch((error) => {
+          console.error("Error loading page data:", error);
+          setIsLoadingMore(false);
+          setCurrentPage(currentPage);
+        });
+      } else {
+        setWidgetPageIndex(widgetInstance, page);
+        onPaginationchange == null ? void 0 : onPaginationchange(null, widgetInstance, page);
+        onPageChange == null ? void 0 : onPageChange(null, page);
+      }
+    },
+    [
+      setCurrentPage,
+      onPaginationchange,
+      onPageChange,
+      widgetInstance,
+      currentPage,
+      setIsLoadingMore,
+      isServerSidePagination,
+      datasource
+    ]
+  );
+  const handleLoadMore = useCallback(() => {
+    var _a;
     setIsLoadingMore(true);
-    var pageSize = pagesize || 10;
-    var nextPage;
-
-    // For server-side pagination
+    const pageSize = pagesize || 10;
+    let nextPage;
     if (isServerSidePagination && datasource && typeof datasource.invoke === "function") {
-      // For On-Demand navigation, use our tracked page state
-      if (navigation === "On-Demand" && onDemandCurrentPage !== undefined) {
-        // onDemandCurrentPage is 0-indexed (0 = page 1)
-        // We need to load the next page: current + 1, then convert to 1-indexed for API
-        var nextPageZeroIndexed = onDemandCurrentPage + 1;
-        nextPage = nextPageZeroIndexed + 1; // Convert to 1-indexed for API
+      if (navigation === "On-Demand" && onDemandCurrentPage !== void 0) {
+        const nextPageZeroIndexed = onDemandCurrentPage + 1;
+        nextPage = nextPageZeroIndexed + 1;
       } else {
-        var _datasource$paginatio;
-        // For other navigation types, use pagination metadata
-        var currentPageFromMeta = (_datasource$paginatio = datasource.pagination) === null || _datasource$paginatio === void 0 ? void 0 : _datasource$paginatio.number;
-        if (currentPageFromMeta !== undefined) {
-          // currentPageFromMeta is 0-indexed, add 2 to get next page for 1-indexed API
+        const currentPageFromMeta = (_a = datasource.pagination) == null ? void 0 : _a.number;
+        if (currentPageFromMeta !== void 0) {
           nextPage = currentPageFromMeta + 2;
         } else {
-          // Fallback calculation
-          var loadedItems = items.length;
-          var _currentPage = Math.floor(loadedItems / pageSize);
-          nextPage = _currentPage + 1;
+          const loadedItems = items.length;
+          const currentPage2 = Math.floor(loadedItems / pageSize);
+          nextPage = currentPage2 + 1;
         }
       }
-
-      // Invoke the datasource for the next page
-      // Wrap the result in Promise.resolve to handle cases where invoke doesn't return a Promise
-      var invokeResult = datasource.invoke({
-        page: nextPage
-      });
-      Promise.resolve(invokeResult).then(function () {
-        // Update visible items to reflect the expected count
+      const invokeResult = datasource.invoke({ page: nextPage });
+      Promise.resolve(invokeResult).then(() => {
         setVisibleItems(visibleItems + pageSize);
-
-        // For On-Demand, update the page state after successful load
         if (navigation === "On-Demand" && setOnDemandCurrentPage) {
-          // Page has been loaded, update to the loaded page number (0-indexed)
           setOnDemandCurrentPage(onDemandCurrentPage + 1);
         }
         setIsLoadingMore(false);
-      })["catch"](function (error) {
+      }).catch((error) => {
         console.error("Error loading more data:", error);
         setIsLoadingMore(false);
       });
     } else {
-      // Client-side pagination
-      var _currentPage2 = Math.floor(visibleItems / pageSize);
-      nextPage = _currentPage2 + 1;
-      setVisibleItems((0, _lodashEs.min)([visibleItems + pageSize, items.length]));
-      setTimeout(function () {
+      const currentPage2 = Math.floor(visibleItems / pageSize);
+      nextPage = currentPage2 + 1;
+      setVisibleItems(min([visibleItems + pageSize, items.length]));
+      setTimeout(() => {
         setIsLoadingMore(false);
       }, 10);
     }
-    onPageChange === null || onPageChange === void 0 || onPageChange(null, nextPage);
-  }, [setIsLoadingMore, setVisibleItems, visibleItems, items.length, onPageChange, datasource, pagesize, navigation, onDemandCurrentPage, setOnDemandCurrentPage]);
+    onPageChange == null ? void 0 : onPageChange(null, nextPage);
+  }, [
+    setIsLoadingMore,
+    setVisibleItems,
+    visibleItems,
+    items.length,
+    onPageChange,
+    datasource,
+    pagesize,
+    navigation,
+    onDemandCurrentPage,
+    setOnDemandCurrentPage
+  ]);
   return {
-    handleListItemClick: handleListItemClick,
-    handleListItemDoubleClick: handleListItemDoubleClick,
-    handleListItemMouseEnter: handleListItemMouseEnter,
-    handleListItemMouseLeave: handleListItemMouseLeave,
-    handleHeaderClick: handleHeaderClick,
-    handlePaginationChange: handlePaginationChange,
-    handleSetRecord: handleSetRecord,
-    handlePageChange: handlePageChange,
-    handleLoadMore: handleLoadMore
+    handleListItemClick,
+    handleListItemDoubleClick,
+    handleListItemMouseEnter,
+    handleListItemMouseLeave,
+    handleHeaderClick,
+    handlePaginationChange,
+    handleSetRecord,
+    handlePageChange,
+    handleLoadMore
   };
-};
+};
+export {
+  useListEventHandlers
+};