@edifice.io/react 2.3.2-develop-b2school-actualites.20251027110554 → 2.3.2-develop-b2school-actualites.20251103101842

package/dist/hooks/useInfiniteScroll/index.d.ts

@@ -0,0 +1 @@
+export { default as useInfiniteScroll } from './useInfiniteScroll';

package/dist/hooks/useInfiniteScroll/useInfiniteScroll.d.ts

@@ -0,0 +1,33 @@
+/**
+ * A custom React hook that provides infinite scroll functionality using the Intersection Observer API.
+ *
+ * This hook returns a ref callback that can be attached to a DOM element (typically at the bottom
+ * of a scrollable list). When that element becomes visible in the viewport, the provided callback
+ * function is executed, allowing you to load more content.
+ *
+ * @param params - Configuration object for the infinite scroll hook
+ * @param params.callback - Function to execute when the observed element intersects with the viewport
+ * @param params.options - Optional Intersection Observer configuration options (defaults to { threshold: 0.1 })
+ *
+ * @returns A ref callback function that should be attached to the target DOM element
+ *
+ * @example
+ * ```typescript
+ * const loadMoreRef = useInfiniteScroll({
+ *     // Load more data when the element is visible
+ *   callback: loadMoreItems,
+ *   options: { threshold: 0.5 } // Trigger when 50% of element is visible
+ * });
+ *
+ * return (
+ *   <div>
+ *     {items.map(item => <Item key={item.id} {...item} />)}
+ *     <div ref={loadMoreRef}>Loading...</div>
+ *   </div>
+ * );
+ * ```
+ */
+export default function useInfiniteScroll({ callback, options, }: {
+    callback: () => void;
+    options?: IntersectionObserverInit;
+}): (node: HTMLElement | null) => void;

package/dist/index.js

@@ -128,6 +128,7 @@ import { useEdificeTheme } from "./providers/EdificeThemeProvider/EdificeThemePr
 import { MockedProvider } from "./providers/MockedProvider/MockedProvider.js";
 import { checkUserRight } from "./utilities/check-user-rights/check-user-rights.js";
 import { emptyScreenMapping } from "./utilities/emptyscreen-mapping/emptyscreen-mapping.js";
+import { invalidateQueriesWithFirstPage } from "./utilities/react-query/react-query-utils.js";
 import { mergeRefs, setRef } from "./utilities/refs/ref.js";
 export {
   AccessiblePalette,
@@ -243,6 +244,7 @@ export {
   getIndicesToUpdate,
   getProjection,
   hasChildren,
+  invalidateQueriesWithFirstPage,
   mergeRefs,
   modifyNode,
   moveNode,

package/dist/utilities/index.d.ts

@@ -1,3 +1,4 @@
 export * from './check-user-rights';
 export * from './emptyscreen-mapping';
+export * from './react-query';
 export * from './refs';

package/dist/utilities/react-query/index.d.ts

@@ -0,0 +1 @@
+export * from './react-query-utils';

package/dist/utilities/react-query/react-query-utils.d.ts

@@ -0,0 +1,21 @@
+import { InvalidateQueryFilters, QueryClient } from '../../node_modules/@tanstack/react-query';
+/**
+ * Invalidates queries and resets infinite query data to only contain the first page.
+ *
+ * This utility function is useful when you want to invalidate a query but also ensure
+ * that any infinite query data is reset to show only the first page, removing any
+ * previously loaded subsequent pages.
+ *
+ * @param queryClient - The TanStack Query client instance used to manage queries
+ * @param options - The invalidate query filters that specify which queries to invalidate
+ * @returns The result of the invalidateQueries operation, or undefined if no queryKey is provided
+ *
+ * @example
+ * ```typescript
+ * // Invalidate user queries and reset to first page only
+ * invalidateQueriesWithFirstPage(queryClient, {
+ *   queryKey: ['users']
+ * });
+ * ```
+ */
+export declare function invalidateQueriesWithFirstPage(queryClient: QueryClient, options: InvalidateQueryFilters): Promise<void> | undefined;

package/dist/utilities/react-query/react-query-utils.js

@@ -0,0 +1,13 @@
+function invalidateQueriesWithFirstPage(queryClient, options) {
+  if (options.queryKey)
+    return queryClient.setQueriesData({
+      queryKey: options.queryKey
+    }, (oldData) => oldData != null && oldData.pages ? {
+      ...oldData,
+      pages: [oldData.pages[0]],
+      pageParams: [oldData.pageParams[0]]
+    } : oldData), queryClient.invalidateQueries(options);
+}
+export {
+  invalidateQueriesWithFirstPage
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.3.2-develop-b2school-actualites.20251027110554",
+  "version": "2.3.2-develop-b2school-actualites.20251103101842",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -131,9 +131,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.3.2-develop-b2school-actualites.20251027110554",
-    "@edifice.io/utilities": "2.3.2-develop-b2school-actualites.20251027110554",
-    "@edifice.io/tiptap-extensions": "2.3.2-develop-b2school-actualites.20251027110554"
+    "@edifice.io/bootstrap": "2.3.2-develop-b2school-actualites.20251103101842",
+    "@edifice.io/tiptap-extensions": "2.3.2-develop-b2school-actualites.20251103101842",
+    "@edifice.io/utilities": "2.3.2-develop-b2school-actualites.20251103101842"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -164,8 +164,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/config": "2.3.2-develop-b2school-actualites.20251027110554",
-    "@edifice.io/client": "2.3.2-develop-b2school-actualites.20251027110554"
+    "@edifice.io/client": "2.3.2-develop-b2school-actualites.20251103101842",
+    "@edifice.io/config": "2.3.2-develop-b2school-actualites.20251103101842"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",