@gouvfr-lasuite/ui-kit 0.17.2 → 0.18.0

package/dist/index.d.ts

@@ -77,14 +77,25 @@ export declare type BaseTreeViewData<T> = {
     childrenCount?: number;
     hasLoadedChildren?: boolean;
     children?: BaseTreeViewData<T>[];
+    pagination?: {
+        currentPage: number;
+        totalCount?: number;
+        hasMore: boolean;
+    };
     canDrop?: boolean;
 } & (({
+    nodeType: TreeViewNodeTypeEnum.SIMPLE_NODE;
+    label: string;
+}) | ({
     nodeType: TreeViewNodeTypeEnum.TITLE;
     headerTitle: string;
 }) | ({
     nodeType: TreeViewNodeTypeEnum.SEPARATOR;
 }) | ({
-    nodeType?: Exclude<TreeViewNodeTypeEnum, TreeViewNodeTypeEnum.TITLE | TreeViewNodeTypeEnum.SEPARATOR>;
+    nodeType: TreeViewNodeTypeEnum.VIEW_MORE;
+    label?: string;
+}) | ({
+    nodeType?: Exclude<TreeViewNodeTypeEnum, TreeViewNodeTypeEnum.TITLE | TreeViewNodeTypeEnum.SEPARATOR | TreeViewNodeTypeEnum.VIEW_MORE | TreeViewNodeTypeEnum.SIMPLE_NODE>;
 } & T));
 
 export declare const containerSizeMap: Record<IconSize, number>;
@@ -672,6 +683,8 @@ export declare const isSeparator: <T>(node?: TreeViewDataType<T>) => boolean;
 
 export declare const isTitle: <T>(node?: TreeViewDataType<T>) => boolean;
 
+export declare const isViewMore: <T>(node?: TreeViewDataType<T>) => boolean;
+
 export declare const Label: ({ children, text, ...props }: LabelHTMLAttributes<HTMLLabelElement> & {
     text?: string;
 }) => JSX.Element;
@@ -855,6 +868,9 @@ export declare const locales: {
                 logout: string;
                 dialogTitle: string;
             };
+            treeView: {
+                viewMore: string;
+            };
             footer: {
                 logo: {
                     alt: string;
@@ -1006,6 +1022,9 @@ export declare const locales: {
                 logout: string;
                 dialogTitle: string;
             };
+            treeView: {
+                viewMore: string;
+            };
             footer: {
                 logo: {
                     alt: string;
@@ -1037,6 +1056,11 @@ export declare type OpenMap = {
     [id: string]: boolean;
 };
 
+export declare type PaginatedChildrenResult<T> = {
+    children?: TreeViewDataType<T>[];
+    pagination?: BaseTreeViewData<T>["pagination"];
+};
+
 export declare const ProConnectButton: ({ disabled, onClick, }: ProConnectButtonProps) => JSX.Element;
 
 export declare type ProConnectButtonProps = {
@@ -1311,14 +1335,14 @@ export declare type TreeDataItem<T> = {
     children: TreeDataItem<T>[] | null;
 };
 
-export declare const TreeProvider: <T>({ children, onRefresh: refreshCallback, initialNodeId, onLoadChildren: loadChildrenCallback, initialTreeData, }: TreeProviderProps<T>) => JSX.Element;
+export declare const TreeProvider: <T>({ children, onRefresh: refreshCallback, initialNodeId, onLoadChildren, initialTreeData, }: TreeProviderProps<T>) => JSX.Element;
 
 export declare type TreeProviderProps<T> = {
     children: React.ReactNode;
     initialTreeData?: TreeViewDataType<T>[];
     initialNodeId?: string;
     onRefresh?: (id: string) => Promise<Partial<TreeViewDataType<T>>>;
-    onLoadChildren?: (id: string) => Promise<TreeViewDataType<T>[]>;
+    onLoadChildren?: (id: string, page: number) => Promise<PaginatedChildrenResult<T>>;
 };
 
 export declare const TreeView: <T>({ initialOpenState, dndRootElement, selectedNodeId, rootNodeId, renderNode, canDrop, canDrag, afterMove, beforeMove, }: TreeViewProps<T>) => JSX.Element | undefined;
@@ -1351,7 +1375,9 @@ export declare type TreeViewNodeProps<T> = NodeRendererProps<TreeDataItem<T>> &
 export declare enum TreeViewNodeTypeEnum {
     NODE = "node",
     SEPARATOR = "separator",
-    TITLE = "title"
+    TITLE = "title",
+    SIMPLE_NODE = "simpleNode",
+    VIEW_MORE = "viewMore"
 }
 
 export declare type TreeViewProps<T> = {
@@ -1457,7 +1483,7 @@ declare type UserProps = {
 
 export declare const UserRow: ({ fullName: full_name, email, showEmail, }: UserProps) => JSX.Element;
 
-export declare const useTree: <T>(initialItems: TreeViewDataType<T>[], refreshCallback?: (id: string) => Promise<Partial<TreeViewDataType<T>>>, loadChildrenCallback?: (id: string) => Promise<TreeViewDataType<T>[]>) => {
+export declare const useTree: <T>(initialItems: TreeViewDataType<T>[], refreshCallback?: (id: string) => Promise<Partial<TreeViewDataType<T>>>, onLoadChildren?: (id: string, page: number) => Promise<PaginatedChildrenResult<T>>) => {
     nodes: TreeDataItem<TreeViewDataType<T>>[];
     addChild: (parentId: string | null, newNode: TreeViewDataType<T>, index?: number) => void;
     updateNode: (nodeId: string, updatedData: Partial<TreeViewDataType<T>>) => void;
@@ -1477,7 +1503,7 @@ 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;
-    handleLoadChildren: (nodeId: string) => Promise<TreeViewDataType<T>[]>;
+    handleLoadChildren: (nodeId: string) => Promise<never[] | undefined>;
     selectNodeById: (nodeId: string) => void;
     getParent: (nodeId: string) => TreeViewDataType<T> | null;
     getNode: (nodeId: string) => TreeViewDataType<T> | undefined;