@capillarytech/blaze-ui 1.0.3-alpha.8 → 1.0.3-alpha.9

package/index.js

@@ -20397,7 +20397,7 @@ var _CapTooltipWithInfo = _interopRequireDefault(__webpack_require__(2608));
 var _constants = __webpack_require__(9788);
 var _styles = _interopRequireDefault(__webpack_require__(8263));
 var _jsxRuntime = __webpack_require__(4848);
-const _excluded = ["type", "options", "value", "onChange", "placeholder", "className", "style", "isError", "errorMessage", "containerClassName", "popoverClassName", "allowClear", "headerLabel", "onUpload", "uploadLabel", "tooltip", "bylineText", "disabled", "showUpload", "customPopupRender", "showSearch", "searchBasedOn", "onSearch", "searchDebounce", "onConfirm", "clearText", "noResultCustomText", "noResultCustomIcon", "readOnly", "staticValue", "onFooterDownloadChange", "onPopupScroll", "enableVirtualization", "virtualRowHeight", "resetSearch", "resetData", "fetchMissingOptions"];
+const _excluded = ["type", "options", "value", "onChange", "placeholder", "className", "style", "isError", "errorMessage", "containerClassName", "popoverClassName", "allowClear", "headerLabel", "onUpload", "uploadLabel", "tooltip", "bylineText", "disabled", "showUpload", "customPopupRender", "showSearch", "searchBasedOn", "onSearch", "searchDebounce", "onConfirm", "clearText", "noResultCustomText", "noResultCustomIcon", "readOnly", "staticValue", "onFooterDownloadChange", "onPopupScroll", "hasMore", "enableVirtualization", "virtualRowHeight", "resetSearch", "resetData", "fetchMissingOptions"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -20567,6 +20567,7 @@ const CapUnifiedSelect = _ref4 => {
       staticValue = true,
       onFooterDownloadChange,
       onPopupScroll,
+      hasMore = true,
       enableVirtualization = false,
       virtualRowHeight = _constants.DEFAULTS.VIRTUAL_ROW_HEIGHT,
       resetSearch = true,
@@ -20901,6 +20902,18 @@ const CapUnifiedSelect = _ref4 => {
     return () => clearTimeout(fallbackTimeout);
   }, [isResettingData, options]);
 
+  // Clear loading state when hasMore becomes false (all items exhausted)
+  (0, _react.useEffect)(() => {
+    if (!hasMore && isLoadingOnScroll) {
+      setIsLoadingOnScroll(false);
+      isScrollProcessingRef.current = false;
+      if (scrollLoadingTimeoutRef.current) {
+        clearTimeout(scrollLoadingTimeoutRef.current);
+        scrollLoadingTimeoutRef.current = null;
+      }
+    }
+  }, [hasMore, isLoadingOnScroll]);
+
   // Detect when options change after scroll to clear loading overlay
   (0, _react.useEffect)(() => {
     // Always update refs when options change (when not loading)
@@ -21452,7 +21465,7 @@ const CapUnifiedSelect = _ref4 => {
       hasInteractedRef.current = false;
     }
     setDropdownOpen(open);
-  }, [customPopupRender, value, onChange, tempValue, readOnly, resetSearch, resetData, options]);
+  }, [customPopupRender, value, onChange, tempValue, readOnly, resetSearch, resetData, options, isResettingData]);
   const handleFooterDownload = (0, _react.useCallback)(() => {
     const currentValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
     onFooterDownloadChange == null || onFooterDownloadChange(currentValues);
@@ -21507,6 +21520,13 @@ const CapUnifiedSelect = _ref4 => {
     // This ensures loading state is managed properly and data loading completes
     if (isLoadingOnScroll) return;
 
+    // Don't trigger if there are no more items to load
+    // This prevents showing loading state when all items are exhausted
+    if (!hasMore) {
+      isScrollProcessingRef.current = false;
+      return;
+    }
+
     // Throttle scroll events to prevent rapid-fire API calls
     // Clear any existing throttle timeout
     if (scrollThrottleTimeoutRef.current) {
@@ -21520,7 +21540,8 @@ const CapUnifiedSelect = _ref4 => {
     scrollThrottleTimeoutRef.current = setTimeout(() => {
       // Double-check we're still near bottom and not loading
       const stillNearBottom = Math.floor(target.scrollHeight - target.scrollTop) <= target.clientHeight;
-      if (!stillNearBottom || isLoadingOnScroll) {
+      // Also check if hasMore is still true (might have changed during throttle delay)
+      if (!stillNearBottom || isLoadingOnScroll || !hasMore) {
         isScrollProcessingRef.current = false;
         return;
       }
@@ -21569,7 +21590,7 @@ const CapUnifiedSelect = _ref4 => {
         });
       }, _constants.TIMEOUTS.SCROLL_LOADING_TIMEOUT);
     }, 150); // 150ms throttle to prevent rapid-fire events
-  }, [onPopupScroll, isLoadingOnScroll]);
+  }, [onPopupScroll, isLoadingOnScroll, hasMore]);
 
   // Setup scroll listener for onPopupScroll
   (0, _react.useEffect)(() => {
@@ -21733,7 +21754,7 @@ const CapUnifiedSelect = _ref4 => {
               children: "Loading..."
             })
           })]
-        }), isLoadingOnScroll && onPopupScroll && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        }), isLoadingOnScroll && onPopupScroll && hasMore && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: _styles.default['cap-unified-select-loading-overlay'],
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
             align: "middle",
@@ -21790,7 +21811,7 @@ const CapUnifiedSelect = _ref4 => {
         })
       })]
     });
-  }, [customPopupRender, filteredTree, searchText, isMulti, showUpload, uploadLabel, handleUpload, noResultCustomText, noResultCustomIcon, options, type, tempValue, handleConfirm, handleClearAll, popoverClassName, className, selectedLeafCount, clearText, allowClear, staticValue, showSearch, onFooterDownloadChange, handleFooterDownload, isSearching, handleSearchChange, handleSearchKeyDown, isLoadingOnScroll, onPopupScroll, isResettingData]);
+  }, [customPopupRender, filteredTree, searchText, isMulti, showUpload, uploadLabel, handleUpload, noResultCustomText, noResultCustomIcon, options, type, tempValue, handleConfirm, handleClearAll, popoverClassName, className, selectedLeafCount, clearText, allowClear, staticValue, showSearch, onFooterDownloadChange, handleFooterDownload, isSearching, handleSearchChange, handleSearchKeyDown, isLoadingOnScroll, onPopupScroll, hasMore, isResettingData]);
   const combinedClassName = (0, _react.useMemo)(() => (0, _classnames.default)(containerClassName, _styles.default['cap-unified-tree-select'], {
     [_styles.default['cap-unified-tree-select-readonly']]: readOnly
   }, className), [containerClassName, className, readOnly]);