infinity-forge 11.8.9 → 11.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function InfinityList<T
|
|
1
|
+
import { InfinityListProps, PaginatedResponse } from './type.js';
|
|
2
|
+
export declare function InfinityList<T, R extends PaginatedResponse<T>>(props: InfinityListProps<T, R>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -16,16 +16,16 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
16
16
|
var react_1 = require("react");
|
|
17
17
|
var react_query_1 = require("@tanstack/react-query");
|
|
18
18
|
var ui_1 = require("../../../ui/index.js");
|
|
19
|
-
function InfinityList(
|
|
20
|
-
var
|
|
19
|
+
function InfinityList(props) {
|
|
20
|
+
var queryKey = props.queryKey, queryFn = props.queryFn, initialPageParam = props.initialPageParam, Item = props.Item, NotFound = props.NotFound;
|
|
21
21
|
var observerRef = (0, react_1.useRef)(null);
|
|
22
22
|
var observerInstance = (0, react_1.useRef)(null);
|
|
23
|
-
var
|
|
23
|
+
var _a = (0, react_query_1.useInfiniteQuery)({
|
|
24
24
|
queryFn: queryFn,
|
|
25
25
|
queryKey: queryKey,
|
|
26
26
|
initialPageParam: initialPageParam,
|
|
27
|
-
getNextPageParam: function (lastPage, pages) { var _a; return (((_a = lastPage.pagination) === null || _a === void 0 ? void 0 : _a.hasNextPage) ? pages.length + 1 : undefined); },
|
|
28
|
-
}), data =
|
|
27
|
+
getNextPageParam: function (lastPage, pages) { var _a; return (((_a = lastPage === null || lastPage === void 0 ? void 0 : lastPage.pagination) === null || _a === void 0 ? void 0 : _a.hasNextPage) ? pages.length + 1 : undefined); },
|
|
28
|
+
}), data = _a.data, isFetching = _a.isFetching, fetchNextPage = _a.fetchNextPage, isFetchingNextPage = _a.isFetchingNextPage, hasNextPage = _a.hasNextPage;
|
|
29
29
|
var dataAccumuled = data === null || data === void 0 ? void 0 : data.pages.flatMap(function (page) { return page === null || page === void 0 ? void 0 : page.items; });
|
|
30
30
|
var handleObserver = (0, react_1.useCallback)(function (entries) {
|
|
31
31
|
var entry = entries[0];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/infinity-list/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAQA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/infinity-list/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { JSX } from 'react';
|
|
2
2
|
import { QueryFunction } from '@tanstack/react-query';
|
|
3
|
-
export type
|
|
3
|
+
export type InfinityListProps<T, R extends PaginatedResponse<T>> = {
|
|
4
4
|
queryKey: any[];
|
|
5
|
-
initialPageParam
|
|
5
|
+
initialPageParam?: number;
|
|
6
6
|
NotFound?: () => JSX.Element;
|
|
7
7
|
Item: (item: T) => JSX.Element;
|
|
8
|
-
queryFn: QueryFunction<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
queryFn: QueryFunction<R, any>;
|
|
9
|
+
};
|
|
10
|
+
export type PaginatedResponse<T> = {
|
|
11
|
+
items: T[];
|
|
12
|
+
pagination: {
|
|
13
|
+
hasNextPage: boolean;
|
|
14
|
+
};
|
|
14
15
|
};
|