Merge branch 'postgrest-scroll-group' of https://github.com/UW-Macrostrat/web-components into post-group

Author: davidsklar99

packages/ui-components/CHANGELOG.md

@@ -1,6 +1,7 @@
 # Changelog
 
 ## [4.4.4] - 2025-07-18
+
 For PostgRESTInfiniteScrollView
 
 - Custom group panel component

packages/ui-components/src/infinite-scroll.ts

@@ -292,7 +292,7 @@ function InfiniteScrollView<T>(props: InfiniteScrollProps<T>) {
 
   const data = state.items;
   const isLoading = state.isLoadingPage != null;
-  const isEmpty = data.length === 0 && !isLoading || hideData;
+  const isEmpty = (data.length === 0 && !isLoading) || hideData;
   const isFinished = !state.hasMore && !isLoading;
   const totalCount = props.totalCount ?? state.count;
 

packages/ui-components/src/postgrest-infinite-scroll.ts

@@ -312,7 +312,7 @@ export function PostgRESTInfiniteScrollView(
           initialItems: newInitialItems,
           hasMore: hasMore ?? defaultHasMore,
           key: newKey,
-          hideData
+          hideData,
         }),
   ]);
 }
@@ -392,14 +392,24 @@ function Grouping(props: GroupingProps) {
         getNextParams,
         hasMore,
         ...rest,
-        GroupingComponent
+        GroupingComponent,
       });
     }),
   ]);
 }
 
 function GroupPanel(props) {
-  const { group, route, params, getNextParams, hasMore, key, hideData, GroupingComponent, ...rest } = props;
+  const {
+    group,
+    route,
+    params,
+    getNextParams,
+    hasMore,
+    key,
+    hideData,
+    GroupingComponent,
+    ...rest
+  } = props;
 
   const data = useAPIResult(route, {
     ...params,

packages/ui-components/stories/postgrest-infinite-scroll.stories.ts

@@ -81,4 +81,4 @@ Grouping.args = {
     icon: "search",
     className: "no-results",
   },
-};
+};