@vuu-ui/vuu-ui-controls 0.8.5-debug → 0.8.6-debug

package/types/tree/use-resize-observer.d.ts

@@ -0,0 +1,15 @@
+import { RefObject } from "react";
+export declare const WidthHeight: string[];
+export declare const WidthOnly: string[];
+export type measurements<T = string | number> = {
+    height?: T;
+    clientHeight?: number;
+    clientWidth?: number;
+    contentHeight?: number;
+    contentWidth?: number;
+    scrollHeight?: number;
+    scrollWidth?: number;
+    width?: T;
+};
+export type ResizeHandler = (measurements: measurements<number>) => void;
+export declare function useResizeObserver(ref: RefObject<Element | HTMLElement | null>, dimensions: string[], onResize: ResizeHandler, reportInitialSize?: boolean): void;

package/types/tree/use-selection.d.ts

@@ -0,0 +1,31 @@
+import { KeyboardEvent, MouseEvent, SyntheticEvent } from "react";
+import { NormalisedTreeSourceNode } from "./Tree";
+export type TreeSelection = "none" | "single" | "checkbox" | "multi" | "extended";
+export declare const SINGLE = "single";
+export declare const CHECKBOX = "checkbox";
+export declare const MULTI = "multi";
+export declare const EXTENDED = "extended";
+export type GroupSelection = "none" | "single" | "cascade";
+export type TreeNodeSelectionHandler = (evt: SyntheticEvent, selected: string[]) => void;
+export declare const groupSelectionEnabled: (groupSelection: GroupSelection) => boolean;
+export interface SelectionHookProps {
+    defaultSelected?: string[];
+    highlightedIdx: number;
+    onChange: TreeNodeSelectionHandler;
+    selected?: string[];
+    selection: TreeSelection;
+    selectionKeys?: string[];
+    treeNodes: NormalisedTreeSourceNode[];
+}
+export interface SelectionHookResult {
+    listHandlers: {
+        onKeyDown?: (evt: KeyboardEvent) => void;
+        onKeyboardNavigation?: (evt: KeyboardEvent, currentIndex: number) => void;
+    };
+    listItemHandlers: {
+        onClick?: (evt: MouseEvent) => void;
+    };
+    selected: string[];
+    setSelected: (selected: string[]) => void;
+}
+export declare const useSelection: ({ defaultSelected, highlightedIdx, treeNodes, onChange, selected: selectedProp, selection, selectionKeys, }: SelectionHookProps) => SelectionHookResult;

package/types/tree/use-tree-keyboard-navigation.d.ts

@@ -0,0 +1,12 @@
+import { NormalisedTreeSourceNode } from "./Tree";
+export interface TreeKeyboardNavigationHookProps {
+    highlightedIdx: number;
+    hiliteItemAtIndex: (idx: number) => void;
+    indexPositions: NormalisedTreeSourceNode[];
+    source: NormalisedTreeSourceNode[];
+}
+export declare const useTreeKeyboardNavigation: ({ highlightedIdx, hiliteItemAtIndex, indexPositions, source, }: TreeKeyboardNavigationHookProps) => {
+    listHandlers: {
+        onKeyDown: (e: any) => void;
+    };
+};

package/types/tree/use-viewport-tracking.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from "react";
+export declare const useViewportTracking: (root: RefObject<HTMLElement>, highlightedIdx: number, stickyHeaders?: boolean) => import("react").MutableRefObject<boolean>;

package/types/tree/useTree.d.ts

@@ -0,0 +1,30 @@
+import { GroupSelection, TreeNodeSelectionHandler, TreeSelection } from "./use-selection";
+import { NormalisedTreeSourceNode } from "./Tree";
+export interface TreeHookProps {
+    defaultSelected?: string[];
+    groupSelection: GroupSelection;
+    onChange: TreeNodeSelectionHandler;
+    onHighlight?: (index: number) => void;
+    selected?: string[];
+    selection: TreeSelection;
+    sourceWithIds: NormalisedTreeSourceNode[];
+}
+export declare const useTree: ({ defaultSelected, sourceWithIds, onChange, onHighlight: onHighlightProp, selected: selectedProp, selection, }: TreeHookProps) => {
+    focusVisible: number;
+    highlightedIdx: number;
+    hiliteItemAtIndex: (idx: any) => void;
+    listProps: {
+        "aria-activedescendant": string | undefined;
+        onBlur: () => void;
+        onFocus: () => void;
+        onKeyDown: (evt: any) => void;
+        onMouseDownCapture: () => void;
+        onMouseLeave: () => void;
+        onMouseMove: () => void;
+    };
+    listItemHandlers: {
+        onClick: (evt: any) => void;
+    };
+    selected: string[];
+    visibleData: NormalisedTreeSourceNode[];
+};