@gouvfr-lasuite/ui-kit 0.17.2 → 0.18.1

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;
@@ -687,15 +700,20 @@ export declare const LaGaufre: () => JSX.Element;
  * - `size`: The size of the CTA.
  * - `color`: The color of the CTA.
  */
-export declare const LanguagePicker: ({ languages, onChange, size, color, variant, fullWidth, }: LanguagePickerProps) => JSX.Element;
+export declare const LanguagePicker: ({ languages, onChange, size, color, variant, fullWidth, compact: lightMode, }: LanguagePickerProps) => JSX.Element;
 
 export declare type LanguagePickerProps = {
-    languages: DropdownMenuOption[];
+    languages: LanguagesOption[];
     onChange?: (language: string) => void;
     color?: ButtonProps["color"];
     variant?: ButtonProps["variant"];
     size?: ButtonProps["size"];
     fullWidth?: ButtonProps["fullWidth"];
+    compact?: boolean;
+};
+
+export declare type LanguagesOption = DropdownMenuOption & {
+    shortLabel?: string;
 };
 
 export declare const LeftPanel: ({ children, isOpen, hasHeader, }: PropsWithChildren<LeftPanelProps>) => JSX.Element;
@@ -848,13 +866,25 @@ export declare const locales: {
                     };
                 };
             };
+            laGaufre: {
+                label: string;
+                closeLabel: string;
+                loadingText: string;
+                newWindowLabelSuffix: string;
+                headerLabel: string;
+            };
             userMenu: {
+                term_of_service: string;
+                manage_account: string;
                 open: string;
                 close: string;
                 accountSettings: string;
                 logout: string;
                 dialogTitle: string;
             };
+            treeView: {
+                viewMore: string;
+            };
             footer: {
                 logo: {
                     alt: string;
@@ -999,12 +1029,24 @@ export declare const locales: {
                     };
                 };
             };
+            laGaufre: {
+                label: string;
+                closeLabel: string;
+                loadingText: string;
+                newWindowLabelSuffix: string;
+                headerLabel: string;
+            };
             userMenu: {
+                term_of_service: string;
                 open: string;
                 close: string;
                 accountSettings: string;
                 logout: string;
                 dialogTitle: string;
+                manage_account: string;
+            };
+            treeView: {
+                viewMore: string;
             };
             footer: {
                 logo: {
@@ -1037,6 +1079,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 +1358,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 +1398,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> = {
@@ -1435,7 +1484,15 @@ export declare const useResponsive: () => ResponsiveStates;
  * - `shouldCloseOnInteractOutside`: A function to call when the menu should be closed.
  * - `footerAction`: The child to render inside the footer.
  */
-export declare const UserMenu: ({ user, settingsCTA, logout, isInitialOpen, shouldCloseOnInteractOutside, footerAction, }: UserMenuProps) => JSX.Element | null;
+export declare const UserMenu: ({ user, settingsCTA, logout, isInitialOpen, shouldCloseOnInteractOutside, termOfServiceUrl, footerAction, }: UserMenuProps) => JSX.Element | null;
+
+export declare const UserMenuItem: ({ label, icon, onClick }: UserMenuItemProps) => JSX.Element;
+
+declare type UserMenuItemProps = {
+    label: string;
+    icon: string;
+    onClick?: () => void;
+};
 
 export declare type UserMenuProps = {
     user?: {
@@ -1444,6 +1501,7 @@ export declare type UserMenuProps = {
     } | null;
     settingsCTA?: string | (() => void);
     logout?: () => void;
+    termOfServiceUrl?: string;
     isInitialOpen?: boolean;
     shouldCloseOnInteractOutside?: (element: Element) => boolean;
     footerAction?: ReactElement;
@@ -1457,7 +1515,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 +1535,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;