📄️ useDnDRestrictToRefElement
Ce hook facilite la création d'une zone de restriction pour les opérations de Drag and Drop (DnD) en utilisant la bibliothèque @dnd-kit. Il fournit un modifier qui empêche un élément déplacé de sortir des limites du conteneur référencé.
📄️ usePagination
Ce hook facilite la gestion de la pagination en générant automatiquement les URLs pour naviguer entre les pages. Il synchronise l'état de pagination avec l'URL, permettant de conserver la position lors de la navigation et de partager des liens vers des pages spécifiques.
📄️ useTableColumnVisibility
Ce hook facilite la gestion de la visibilité des colonnes (utilisant TanStack React Table) en synchronisant automatiquement l'état avec les cookies du navigateur. Cela permet aux utilisateurs de personnaliser les colonnes affichées et de conserver leurs préférences lors de futures visites.
📄️ useTableFixedColumn
Ce hook détecte si le contenu d'un tableau dépasse la largeur visible (c'est-à-dire qu'il est partiellement scrollable horizontalement). Il utilise ResizeObserver et des écouteurs d'événements scroll pour déterminer en temps réel si du contenu est masqué, ce qui permet d'afficher visuellement une indication ou de gérer l'affichage de colonnes fixes.
📄️ useTableSort
Ce hook facilite la gestion du tri dans les tableaux (utilisant TanStack React Table) en synchronisant automatiquement l'état du tri avec l'URL. Cela permet de conserver l'état de tri lors de la navigation et de partager des liens avec le tri appliqué.
📄️ useWatchFieldArray
Ce hook encapsule useFieldArray et useWatch pour fournir un tableau de champs contrôlés avec les dernières valeurs observées en temps réel. Il est particulièrement utile pour les formulaires dynamiques où vous avez besoin d'accéder aux valeurs actuelles du tableau tout en gérant l'ajout, la suppression et la réorganisation des éléments.