infinity-forge 11.8.8 → 11.9.0

package/dist/ui/components/index.d.ts

@@ -26,6 +26,7 @@ export * from './menu-mobile/index.js';
 export * from './login-modal/index.js';
 export * from './pop-confirm/index.js';
 export * from './loader-circle/index.js';
+export * from './infinity-list/index.js';
 export * from './step-navigator/index.js';
 export * from './error-boundary/index.js';
 export * from './loading-screen/index.js';

package/dist/ui/components/index.js

@@ -42,6 +42,7 @@ __exportStar(require("./menu-mobile/index.js"), exports);
 __exportStar(require("./login-modal/index.js"), exports);
 __exportStar(require("./pop-confirm/index.js"), exports);
 __exportStar(require("./loader-circle/index.js"), exports);
+__exportStar(require("./infinity-list/index.js"), exports);
 __exportStar(require("./step-navigator/index.js"), exports);
 __exportStar(require("./error-boundary/index.js"), exports);
 __exportStar(require("./loading-screen/index.js"), exports);

package/dist/ui/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,yCAAsB;AACtB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,2CAAwB;AACxB,8CAA2B;AAC3B,4CAAyB;AACzB,6CAA0B;AAC1B,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,yCAAsB;AACtB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,4CAAyB;AACzB,2CAAwB;AACxB,8CAA2B;AAC3B,4CAAyB;AACzB,6CAA0B;AAC1B,4CAAyB;AACzB,4CAAyB;AACzB,4CAAyB;AACzB,6CAA0B;AAC1B,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,0DAAuC"}

package/dist/ui/components/infinity-list/index.d.ts

@@ -0,0 +1,2 @@
+import { InfinityListProps, PaginatedResponse } from './type.js';
+export declare function InfinityList<T, R extends PaginatedResponse<T>>(props: InfinityListProps<T, R>): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/infinity-list/index.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfinityList = InfinityList;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_query_1 = require("@tanstack/react-query");
+var ui_1 = require("../../../ui/index.js");
+function InfinityList(props) {
+    var queryKey = props.queryKey, queryFn = props.queryFn, initialPageParam = props.initialPageParam, Item = props.Item, NotFound = props.NotFound;
+    var observerRef = (0, react_1.useRef)(null);
+    var observerInstance = (0, react_1.useRef)(null);
+    var _a = (0, react_query_1.useInfiniteQuery)({
+        queryFn: queryFn,
+        queryKey: queryKey,
+        initialPageParam: initialPageParam,
+        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); },
+    }), data = _a.data, isFetching = _a.isFetching, fetchNextPage = _a.fetchNextPage, isFetchingNextPage = _a.isFetchingNextPage, hasNextPage = _a.hasNextPage;
+    var dataAccumuled = data === null || data === void 0 ? void 0 : data.pages.flatMap(function (page) { return page === null || page === void 0 ? void 0 : page.items; });
+    var handleObserver = (0, react_1.useCallback)(function (entries) {
+        var entry = entries[0];
+        if (entry.isIntersecting && !isFetchingNextPage && hasNextPage) {
+            fetchNextPage();
+        }
+    }, [fetchNextPage, isFetchingNextPage, hasNextPage]);
+    (0, react_1.useEffect)(function () {
+        var el = observerRef.current;
+        if (!el)
+            return;
+        if (observerInstance.current) {
+            observerInstance.current.disconnect();
+        }
+        observerInstance.current = new IntersectionObserver(handleObserver, {
+            root: null,
+            threshold: 1.0,
+            rootMargin: '100px',
+        });
+        observerInstance.current.observe(el);
+        return function () {
+            if (observerInstance.current) {
+                observerInstance.current.disconnect();
+            }
+        };
+    }, [handleObserver]);
+    if (isFetching && !dataAccumuled) {
+        return (0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 30, color: '#000' });
+    }
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InfinityList', children: (0, jsx_runtime_1.jsxs)("div", { className: 'infinity_list_infinity_forge', children: [((!isFetching && !dataAccumuled) || (dataAccumuled === null || dataAccumuled === void 0 ? void 0 : dataAccumuled.length) === 0) && NotFound && (0, jsx_runtime_1.jsx)(NotFound, {}), Array.isArray(dataAccumuled) && (dataAccumuled === null || dataAccumuled === void 0 ? void 0 : dataAccumuled.length) > 0 && !isFetching && Item && ((0, jsx_runtime_1.jsx)("div", { className: 'list_infinity-forge', style: { marginBottom: isFetchingNextPage ? '20px' : '0' }, children: Item && (dataAccumuled === null || dataAccumuled === void 0 ? void 0 : dataAccumuled.map(function (item, index) { return (0, jsx_runtime_1.jsx)(Item, __assign({}, item), (item === null || item === void 0 ? void 0 : item.id) || index); })) })), (0, jsx_runtime_1.jsx)("div", { ref: observerRef }), isFetchingNextPage && (0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 30, color: '#000' })] }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/infinity-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/infinity-list/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/infinity-list/type.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'react';
+import { QueryFunction } from '@tanstack/react-query';
+export type InfinityListProps<T, R extends PaginatedResponse<T>> = {
+    queryKey: any[];
+    initialPageParam?: number;
+    NotFound?: () => JSX.Element;
+    Item: (item: T) => JSX.Element;
+    queryFn: QueryFunction<R, any>;
+};
+export type PaginatedResponse<T> = {
+    items: T[];
+    pagination: {
+        hasNextPage: boolean;
+    };
+};

package/dist/ui/components/infinity-list/type.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=type.js.map

package/dist/ui/components/infinity-list/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../../src/ui/components/infinity-list/type.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "11.8.8",
+  "version": "11.9.0",
   "description": "codie Library",
   "main": "./dist/index",
   "module": "./dist/index",