@gouvfr-lasuite/ui-kit 0.1.3 → 0.1.4

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { Context } from 'react';
 import { CunninghamProvider as CunninghamProvider_2 } from '@openfun/cunningham-react';
 import { CursorProps } from 'react-arborist';
 import { Dispatch } from 'react';
@@ -9,6 +10,7 @@ import { NodeRendererProps } from 'react-arborist';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
 import { SetStateAction } from 'react';
+import { TreeApi } from 'react-arborist';
 
 export declare type BaseTreeViewData<T> = {
     id: string;
@@ -17,12 +19,12 @@ export declare type BaseTreeViewData<T> = {
     children?: BaseTreeViewData<T>[];
     canDrop?: boolean;
 } & (({
-    type: TreeViewNodeTypeEnum.TITLE;
-    title: string;
+    nodeType: TreeViewNodeTypeEnum.TITLE;
+    headerTitle: string;
 }) | ({
-    type: TreeViewNodeTypeEnum.SEPARATOR;
+    nodeType: TreeViewNodeTypeEnum.SEPARATOR;
 }) | ({
-    type?: Exclude<TreeViewNodeTypeEnum, TreeViewNodeTypeEnum.TITLE | TreeViewNodeTypeEnum.SEPARATOR>;
+    nodeType?: Exclude<TreeViewNodeTypeEnum, TreeViewNodeTypeEnum.TITLE | TreeViewNodeTypeEnum.SEPARATOR>;
 } & T));
 
 export declare const cunninghamConfig: {
@@ -100,6 +102,7 @@ export declare const cunninghamConfig: {
                     "warning-800": string;
                     "warning-900": string;
                     "danger-text": string;
+                    "danger-050": string;
                     "danger-100": string;
                     "danger-200": string;
                     "danger-300": string;
@@ -181,6 +184,10 @@ export declare const cunninghamConfig: {
                 modal: {
                     "width-small": string;
                 };
+                tooltip: {
+                    padding: string;
+                    "background-color": string;
+                };
                 button: {
                     "medium-height": string;
                     "medium-text-height": string;
@@ -389,17 +396,21 @@ export declare type LeftPanelProps = {
     isOpen?: boolean;
 };
 
-export declare const MainLayout: ({ icon, children, leftPanelContent, rightHeaderContent, languages, enableResize, }: PropsWithChildren<MainLayoutProps>) => JSX.Element;
+export declare const MainLayout: ({ icon, children, leftPanelContent, rightPanelContent, rightHeaderContent, languages, enableResize, rightPanelIsOpen, }: PropsWithChildren<MainLayoutProps>) => JSX.Element;
 
 export declare type MainLayoutProps = {
     icon?: React.ReactNode;
     leftPanelContent?: React.ReactNode;
+    rightPanelContent?: React.ReactNode;
     rightHeaderContent?: React.ReactNode;
     languages?: DropdownMenuOption[];
-    onTogglePanel?: () => void;
+    onToggleRightPanel?: () => void;
     enableResize?: boolean;
+    rightPanelIsOpen?: boolean;
 };
 
+export { NodeRendererProps }
+
 export declare type OpenMap = {
     [id: string]: boolean;
 };
@@ -495,6 +506,19 @@ export declare type TabsProps = {
     fullWidth?: boolean;
 };
 
+export { TreeApi }
+
+export declare const TreeContext: Context<TreeContextType<any> | null>;
+
+export declare type TreeContextType<T> = {
+    treeApiRef: React.RefObject<TreeApi<TreeDataItem<T>> | null>;
+    treeData: ReturnType<typeof useTree<T>>;
+    root: T | null;
+    initialTargetId: string | null;
+    setInitialTargetId: (id: string) => void;
+    setRoot: (root: T) => void;
+};
+
 export declare type TreeDataItem<T> = {
     /** A unique key for the tree node. */
     key: string;
@@ -506,11 +530,21 @@ export declare type TreeDataItem<T> = {
     children: TreeDataItem<T>[] | null;
 };
 
-export declare const TreeView: <T>({ treeData, initialOpenState, selectedNodeId, rootNodeId, renderNode, handleMove, canDrop, canDrag, }: TreeViewProps<T>) => JSX.Element;
+export declare const TreeProvider: <T>({ children, onRefresh: refreshCallback, initialNodeId, onLoadChildren: loadChildrenCallback, 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>[]>;
+};
+
+export declare const TreeView: <T>({ initialOpenState, selectedNodeId, rootNodeId, renderNode, canDrop, canDrag, afterMove, }: TreeViewProps<T>) => JSX.Element | undefined;
 
 export declare type TreeViewDataType<T> = BaseTreeViewData<T>;
 
-export declare const TreeViewItem: <T>({ children, onClick, node, dragHandle, style, loadChildren, forceLoading, }: PropsWithChildren<TreeViewNodeProps<T>>) => JSX.Element;
+export declare const TreeViewItem: <T>({ children, onClick, node, dragHandle, style, forceLoading, }: PropsWithChildren<TreeViewNodeProps<T>>) => JSX.Element;
 
 export declare enum TreeViewMoveModeEnum {
     FIRST_CHILD = "first-child",
@@ -531,7 +565,6 @@ export declare type TreeViewMoveResult = {
 export declare type TreeViewNodeProps<T> = NodeRendererProps<TreeDataItem<T>> & {
     onClick?: () => void;
     forceLoading?: boolean;
-    loadChildren?: (node: TreeViewDataType<T>) => Promise<TreeViewDataType<T>[]>;
 };
 
 export declare enum TreeViewNodeTypeEnum {
@@ -541,7 +574,6 @@ export declare enum TreeViewNodeTypeEnum {
 }
 
 export declare type TreeViewProps<T> = {
-    treeData: TreeDataItem<T>[];
     initialOpenState?: OpenMap;
     selectedNodeId?: string;
     rootNodeId: string;
@@ -551,7 +583,7 @@ export declare type TreeViewProps<T> = {
         index: number;
     }) => boolean;
     canDrag?: (node: TreeDataItem<T>) => boolean;
-    handleMove?: (result: TreeViewMoveResult) => void;
+    afterMove?: (result: TreeViewMoveResult) => void;
     renderNode: (props: NodeRendererProps<TreeDataItem<T>>) => React.ReactNode;
 };
 
@@ -568,7 +600,7 @@ export declare const useResponsive: () => {
     isDesktop: boolean;
 };
 
-export declare const useTree: <T extends object>(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>>>, loadChildrenCallback?: (id: string) => Promise<TreeViewDataType<T>[]>) => {
     nodes: TreeDataItem<TreeViewDataType<T>>[];
     addChild: (parentId: string | null, newNode: TreeViewDataType<T>) => void;
     updateNode: (nodeId: string, updatedData: Partial<TreeViewDataType<T>>) => void;
@@ -588,8 +620,12 @@ export declare const useTree: <T extends object>(initialItems: TreeViewDataType<
     resetTree: (newItems?: TreeViewDataType<T>[]) => void;
     handleLoadChildren: (nodeId: string) => Promise<TreeViewDataType<T>[]>;
     selectNodeById: (nodeId: string) => void;
+    getParent: (nodeId: string) => TreeViewDataType<T> | null;
+    getParentId: (nodeId: string) => Key | null;
 };
 
+export declare const useTreeContext: <T>() => TreeContextType<T> | null;
+
 export declare const WithLabel: ({ label, text, labelSide, children, }: PropsWithChildren<WithLabelProps>) => JSX.Element;
 
 export declare type WithLabelProps = {