@gouvfr-lasuite/ui-kit 0.16.0 → 0.16.2

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { CunninghamProvider as CunninghamProvider_2 } from '@openfun/cunningham-
 import { CursorProps } from 'react-arborist';
 import { default as default_2 } from 'react';
 import { Dispatch } from 'react';
+import { HTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { Key } from 'react-stately';
 import { LabelHTMLAttributes } from 'react';
@@ -16,7 +17,6 @@ import { ReactNode } from 'react';
 import { SelectProps } from 'react-aria-components';
 import { SetStateAction } from 'react';
 import { TreeApi } from 'react-arborist';
-import { TreeNode } from '@react-stately/data';
 
 declare type AbstractSeparatorProps = {
     withPadding?: boolean;
@@ -60,6 +60,15 @@ export declare type AvatarProps = {
     forceColor?: string;
 };
 
+export declare const Badge: ({ children, uppercased, type, className, ...props }: PropsWithChildren<BadgeProps>) => JSX.Element;
+
+declare type BadgeProps = HTMLAttributes<HTMLDivElement> & {
+    uppercased?: boolean;
+    type?: BadgeType;
+};
+
+declare type BadgeType = "accent" | "neutral" | "danger" | "success" | "warning" | "info";
+
 export declare type BaseTreeViewData<T> = {
     id: string;
     childrenCount?: number;
@@ -1224,7 +1233,7 @@ export declare type TreeProviderProps<T> = {
     onLoadChildren?: (id: string) => Promise<TreeViewDataType<T>[]>;
 };
 
-export declare const TreeView: <T>({ initialOpenState, selectedNodeId, rootNodeId, renderNode, canDrop, canDrag, afterMove, beforeMove, }: TreeViewProps<T>) => JSX.Element | undefined;
+export declare const TreeView: <T>({ initialOpenState, dndRootElement, selectedNodeId, rootNodeId, renderNode, canDrop, canDrag, afterMove, beforeMove, }: TreeViewProps<T>) => JSX.Element | undefined;
 
 export declare type TreeViewDataType<T> = BaseTreeViewData<T>;
 
@@ -1259,6 +1268,7 @@ export declare enum TreeViewNodeTypeEnum {
 
 export declare type TreeViewProps<T> = {
     initialOpenState?: OpenMap;
+    dndRootElement?: HTMLElement | null;
     selectedNodeId?: string;
     rootNodeId: string;
     canDrop?: (args: {
@@ -1274,6 +1284,27 @@ export declare type TreeViewProps<T> = {
 
 export declare const TreeViewSeparator: ({ top, left }: CursorProps) => JSX.Element;
 
+/**
+ * useArrowRoving
+ *
+ * Hook to manage keyboard navigation with ArrowLeft / ArrowRight inside a toolbar of actions.
+ * - ArrowLeft / ArrowRight → move focus between buttons in the same container (roving focus).
+ * - Enter → still activate the focused button normally, except right after roving
+ *   where the hook suppresses the "phantom click" (to avoid triggering actions by mistake).
+ *
+ * Usage:
+ *   const actionsRef = useRef<HTMLDivElement | null>(null);
+ *   useArrowRoving(actionsRef.current);
+ *
+ *   return (
+ *     <div ref={actionsRef}>
+ *       <button>Option 1</button>
+ *       <button>Option 2</button>
+ *     </div>
+ *   );
+ */
+export declare function useArrowRoving(container: HTMLElement | null): void;
+
 /**
  * Hook for using custom translations with type safety.
  *
@@ -1345,7 +1376,7 @@ export declare const UserRow: ({ fullName: full_name, email, showEmail, }: UserP
 export declare const useTree: <T>(initialItems: TreeViewDataType<T>[], refreshCallback?: (id: string) => Promise<Partial<TreeViewDataType<T>>>, loadChildrenCallback?: (id: string) => Promise<TreeViewDataType<T>[]>) => {
     nodes: TreeDataItem<TreeViewDataType<T>>[];
     addChild: (parentId: string | null, newNode: TreeViewDataType<T>, index?: number) => void;
-    updateNode: (nodeId: string, updatedData: Partial<TreeViewDataType<T>>) => TreeViewDataType<T> | undefined;
+    updateNode: (nodeId: string, updatedData: Partial<TreeViewDataType<T>>) => void;
     deleteNode: (nodeId: string) => void;
     deleteNodes: (nodeIds: string[]) => void;
     addRootNode: (newNode: TreeViewDataType<T>, index?: number) => void;
@@ -1353,7 +1384,7 @@ export declare const useTree: <T>(initialItems: TreeViewDataType<T>[], refreshCa
     selectedNode: T | undefined;
     setSelectedNode: Dispatch<SetStateAction<T | undefined>>;
     refreshNode: (nodeId: string) => Promise<void>;
-    setChildren: (parentId: string, newChildren: TreeViewDataType<T>[]) => TreeViewDataType<T> | undefined;
+    setChildren: (parentId: string, newChildren: TreeViewDataType<T>[]) => void;
     insertBeforeNode: (nodeId: string, newNode: TreeViewDataType<T>) => void;
     insertAfterNode: (nodeId: string, newNode: TreeViewDataType<T>) => void;
     handleMove: (result: TreeViewMoveResult) => void;
@@ -1362,7 +1393,6 @@ export declare const useTree: <T>(initialItems: TreeViewDataType<T>[], refreshCa
     appendToNode: (nodeId: string, newNode: TreeViewDataType<T>) => void;
     move: (key: Key, toParentKey: Key | null, index: number) => void;
     resetTree: (newItems?: TreeViewDataType<T>[]) => void;
-    getItem: (key: Key) => TreeNode<TreeViewDataType<T>> | undefined;
     handleLoadChildren: (nodeId: string) => Promise<TreeViewDataType<T>[]>;
     selectNodeById: (nodeId: string) => void;
     getParent: (nodeId: string) => TreeViewDataType<T> | null;