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

package/dist/hooks/index.d.ts

@@ -15,6 +15,7 @@ export * from './useHasWorkflow';
 export * from './useHover';
 export * from './useHttpErrorToast';
 export * from './useImage';
+export * from './useInfiniteScroll';
 export * from './useIsAdml';
 export * from './useKeyPress';
 export * from './useLibraryUrl';

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/hooks/useInfiniteScroll/useInfiniteScroll.js

@@ -0,0 +1,20 @@
+import { useRef, useCallback } from "react";
+function useInfiniteScroll({
+  callback,
+  options = {
+    threshold: 0.1
+  }
+}) {
+  const observerRef = useRef(null);
+  return useCallback((node) => {
+    if (observerRef.current && (observerRef.current.disconnect(), observerRef.current = null), !node) return;
+    const observer = new IntersectionObserver(async (entries) => {
+      for (const entry of entries)
+        entry.isIntersecting && await callback();
+    }, options);
+    observer.observe(node), observerRef.current = observer;
+  }, [callback, options]);
+}
+export {
+  useInfiniteScroll as default
+};

package/dist/index.js

@@ -62,43 +62,44 @@ import { default as default61 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
 import { default as default62 } from "./hooks/useHover/useHover.js";
 import { default as default63 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
 import { default as default64 } from "./hooks/useImage/useImage.js";
-import { default as default65 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default66 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default67 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default68 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { default as default69 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default70 } from "./hooks/useTitle/useTitle.js";
-import { default as default71 } from "./hooks/useToast/useToast.js";
-import { default as default72 } from "./hooks/useToggle/useToggle.js";
-import { default as default73 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default74 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default75 } from "./hooks/useUpload/useUpload.js";
-import { default as default76 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default77 } from "./hooks/useUser/useUser.js";
-import { default as default78 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default79 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default80 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default81 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default82 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default83 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
-import { default as default84 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
-import { default as default85 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default86 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default87 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { default as default88 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default89 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default90 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default91 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default92 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
-import { default as default93 } from "./modules/multimedia/Embed/Embed.js";
-import { default as default94 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
-import { default as default95 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
-import { default as default96 } from "./modules/multimedia/FileCard/FileCard.js";
-import { default as default97 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default98 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default99 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default100 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default101 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default65 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
+import { default as default66 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default67 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default68 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default69 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default70 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default71 } from "./hooks/useTitle/useTitle.js";
+import { default as default72 } from "./hooks/useToast/useToast.js";
+import { default as default73 } from "./hooks/useToggle/useToggle.js";
+import { default as default74 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default75 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default76 } from "./hooks/useUpload/useUpload.js";
+import { default as default77 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default78 } from "./hooks/useUser/useUser.js";
+import { default as default79 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default80 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default81 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default82 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default83 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default84 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default85 } from "./modules/modals/ConfirmModal/ConfirmModal.js";
+import { default as default86 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default87 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default88 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default89 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default90 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default91 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default92 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default93 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
+import { default as default94 } from "./modules/multimedia/Embed/Embed.js";
+import { default as default95 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+import { default as default96 } from "./modules/multimedia/ImagePicker/ImagePicker.js";
+import { default as default97 } from "./modules/multimedia/FileCard/FileCard.js";
+import { default as default98 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default99 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default100 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default101 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default102 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { Divider } from "./components/Divider/Divider.js";
 import { DropzoneContext, useDropzoneContext } from "./components/Dropzone/DropzoneContext.js";
@@ -128,6 +129,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,
@@ -136,11 +138,11 @@ export {
   default4 as AppHeader,
   default5 as AppIcon,
   default6 as Attachment,
-  default92 as AudioRecorder,
+  default93 as AudioRecorder,
   default7 as Avatar,
   default8 as AvatarGroup,
   default9 as Badge,
-  default87 as BlogPublic,
+  default88 as BlogPublic,
   default10 as Breadcrumb,
   default11 as Button,
   default37 as ButtonSkeleton,
@@ -150,7 +152,7 @@ export {
   default17 as ColorPickerItem,
   Column,
   default18 as Combobox,
-  default84 as ConfirmModal,
+  default85 as ConfirmModal,
   DefaultPalette,
   Divider,
   DndTree,
@@ -161,10 +163,10 @@ export {
   EdificeClientProvider,
   EdificeThemeContext,
   EdificeThemeProvider,
-  default93 as Embed,
+  default94 as Embed,
   default21 as EmptyScreen,
   ExternalLinker,
-  default96 as FileCard,
+  default97 as FileCard,
   default22 as Flex,
   default24 as FormControl,
   default23 as FormText,
@@ -172,8 +174,8 @@ export {
   default25 as Heading,
   default12 as IconButton,
   default26 as Image,
-  default94 as ImageEditor,
-  default95 as ImagePicker,
+  default95 as ImageEditor,
+  default96 as ImagePicker,
   default27 as Input,
   InternalLinker,
   default28 as Label,
@@ -182,25 +184,25 @@ export {
   default29 as Loading,
   default30 as LoadingScreen,
   default31 as Logo,
-  default97 as MediaLibrary,
+  default98 as MediaLibrary,
   Menu,
   MockedProvider,
   default32 as Modal,
-  default85 as OnboardingModal,
+  default86 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
   default33 as PreventPropagation,
-  default86 as PublishModal,
+  default87 as PublishModal,
   default34 as Radio,
   ResourceModal,
   default35 as SearchBar,
   default13 as SearchButton,
   default36 as Select,
   SeparatedInfo,
-  default90 as ShareBlog,
-  default89 as ShareModal,
+  default91 as ShareBlog,
+  default90 as ShareModal,
   default45 as SortableTree,
   default39 as StackedGroup,
   default40 as Stepper,
@@ -215,13 +217,13 @@ export {
   TreeNode,
   TreeNodeFolderWrapper,
   default47 as TreeView,
-  default98 as VideoEmbed,
-  default99 as VideoRecorder,
+  default99 as VideoEmbed,
+  default100 as VideoRecorder,
   default48 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default100 as Workspace,
-  default101 as WorkspaceFolders,
+  default101 as Workspace,
+  default102 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -243,6 +245,7 @@ export {
   getIndicesToUpdate,
   getProjection,
   hasChildren,
+  invalidateQueriesWithFirstPage,
   mergeRefs,
   modifyNode,
   moveNode,
@@ -269,28 +272,29 @@ export {
   default62 as useHover,
   default63 as useHttpErrorToast,
   default64 as useImage,
-  default65 as useIsAdml,
-  default66 as useKeyPress,
-  default67 as useLibraryUrl,
-  default68 as useMediaLibrary,
-  default69 as useScrollToTop,
-  default91 as useShareMutation,
-  default70 as useTitle,
-  default71 as useToast,
-  default72 as useToggle,
-  default73 as useTrapFocus,
-  default74 as useTrashedResource,
+  default65 as useInfiniteScroll,
+  default66 as useIsAdml,
+  default67 as useKeyPress,
+  default68 as useLibraryUrl,
+  default69 as useMediaLibrary,
+  default70 as useScrollToTop,
+  default92 as useShareMutation,
+  default71 as useTitle,
+  default72 as useToast,
+  default73 as useToggle,
+  default74 as useTrapFocus,
+  default75 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default88 as useUpdateMutation,
-  default75 as useUpload,
-  default76 as useUploadFiles,
-  default77 as useUser,
-  default78 as useWorkspaceFile,
-  default79 as useWorkspaceFolders,
-  default80 as useWorkspaceFoldersTree,
-  default81 as useWorkspaceSearch,
-  default82 as useXitiTrackPageLoad,
-  default83 as useZendeskGuide,
+  default89 as useUpdateMutation,
+  default76 as useUpload,
+  default77 as useUploadFiles,
+  default78 as useUser,
+  default79 as useWorkspaceFile,
+  default80 as useWorkspaceFolders,
+  default81 as useWorkspaceFoldersTree,
+  default82 as useWorkspaceSearch,
+  default83 as useXitiTrackPageLoad,
+  default84 as useZendeskGuide,
   wrapTreeNode
 };

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.20251103102719",
   "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.20251103102719",
+    "@edifice.io/tiptap-extensions": "2.3.2-develop-b2school-actualites.20251103102719",
+    "@edifice.io/utilities": "2.3.2-develop-b2school-actualites.20251103102719"
   },
   "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.20251103102719",
+    "@edifice.io/config": "2.3.2-develop-b2school-actualites.20251103102719"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",