@vuu-ui/vuu-ui-controls 0.9.2 → 0.10.0

package/esm/tree/useTree.js

@@ -1,104 +0,0 @@
-import { useRef, useCallback } from 'react';
-import { useCollapsibleGroups } from './use-collapsible-groups.js';
-import { useHierarchicalData } from './use-hierarchical-data.js';
-import { useKeyboardNavigation } from './use-keyboard-navigation.js';
-import { useSelection } from './use-selection.js';
-import { useTreeKeyboardNavigation } from './use-tree-keyboard-navigation.js';
-
-const EMPTY_ARRAY = [];
-const useTree = ({
-  defaultSelected,
-  sourceWithIds,
-  onChange,
-  onHighlight: onHighlightProp,
-  selected: selectedProp,
-  selection
-}) => {
-  const lastSelection = useRef(EMPTY_ARRAY);
-  const dataHook = useHierarchicalData(sourceWithIds);
-  const handleKeyboardNavigation = (evt, nextIdx) => {
-    selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIdx);
-  };
-  const { highlightedIdx, ...keyboardHook } = useKeyboardNavigation({
-    treeNodes: dataHook.indexPositions,
-    onHighlight: onHighlightProp,
-    onKeyboardNavigation: handleKeyboardNavigation,
-    selected: lastSelection.current
-  });
-  const collapsibleHook = useCollapsibleGroups({
-    collapsibleHeaders: true,
-    highlightedIdx,
-    treeNodes: dataHook.indexPositions,
-    setVisibleData: dataHook.setData,
-    source: dataHook.data
-  });
-  const selectionHook = useSelection({
-    defaultSelected,
-    highlightedIdx,
-    treeNodes: dataHook.indexPositions,
-    onChange,
-    selected: selectedProp,
-    selection
-  });
-  const treeNavigationHook = useTreeKeyboardNavigation({
-    source: dataHook.data,
-    highlightedIdx,
-    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,
-    indexPositions: dataHook.indexPositions
-  });
-  const handleClick = useCallback(
-    (evt) => {
-      collapsibleHook.listItemHandlers?.onClick(evt);
-      if (!evt.defaultPrevented) {
-        selectionHook.listItemHandlers?.onClick?.(evt);
-      }
-    },
-    [collapsibleHook, selectionHook]
-  );
-  const handleKeyDown = useCallback(
-    (evt) => {
-      keyboardHook.listProps.onKeyDown?.(evt);
-      if (!evt.defaultPrevented) {
-        selectionHook.listHandlers.onKeyDown?.(evt);
-      }
-      if (!evt.defaultPrevented) {
-        collapsibleHook.listHandlers.onKeyDown?.(evt);
-      }
-      if (!evt.defaultPrevented) {
-        treeNavigationHook.listHandlers.onKeyDown?.(evt);
-      }
-    },
-    [
-      collapsibleHook.listHandlers,
-      keyboardHook.listProps,
-      selectionHook.listHandlers,
-      treeNavigationHook.listHandlers
-    ]
-  );
-  const getActiveDescendant = () => highlightedIdx === void 0 || highlightedIdx === -1 ? void 0 : dataHook.indexPositions[highlightedIdx]?.id;
-  lastSelection.current = selectionHook.selected;
-  const listProps = {
-    "aria-activedescendant": getActiveDescendant(),
-    onBlur: keyboardHook.listProps.onBlur,
-    onFocus: keyboardHook.listProps.onFocus,
-    onKeyDown: handleKeyDown,
-    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,
-    onMouseLeave: keyboardHook.listProps.onMouseLeave,
-    onMouseMove: keyboardHook.listProps.onMouseMove
-  };
-  const listItemHandlers = {
-    onClick: handleClick
-  };
-  return {
-    focusVisible: keyboardHook.focusVisible,
-    highlightedIdx,
-    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,
-    listProps,
-    listItemHandlers,
-    selected: selectionHook.selected,
-    visibleData: dataHook.data
-  };
-};
-
-export { useTree };
-//# sourceMappingURL=useTree.js.map

package/esm/tree/useTree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTree.js","sources":["../../src/tree/useTree.ts"],"sourcesContent":["import type { NormalisedTreeSourceNode } from \"@vuu-ui/vuu-utils\";\nimport { KeyboardEvent, useCallback, useRef } from \"react\";\nimport { useCollapsibleGroups } from \"./use-collapsible-groups\";\nimport { useHierarchicalData } from \"./use-hierarchical-data\";\nimport { useKeyboardNavigation } from \"./use-keyboard-navigation\";\nimport {\n  GroupSelection,\n  TreeNodeSelectionHandler,\n  TreeSelection,\n  useSelection,\n} from \"./use-selection\";\nimport { useTreeKeyboardNavigation } from \"./use-tree-keyboard-navigation\";\n\nconst EMPTY_ARRAY: string[] = [];\n\nexport interface TreeHookProps {\n  defaultSelected?: string[];\n  groupSelection: GroupSelection;\n  onChange: TreeNodeSelectionHandler;\n  onHighlight?: (index: number) => void;\n  selected?: string[];\n  selection: TreeSelection;\n  sourceWithIds: NormalisedTreeSourceNode[];\n}\n\nexport const useTree = ({\n  defaultSelected,\n  sourceWithIds,\n  onChange,\n  onHighlight: onHighlightProp,\n  selected: selectedProp,\n  selection,\n}: TreeHookProps) => {\n  const lastSelection = useRef<string[]>(EMPTY_ARRAY);\n  const dataHook = useHierarchicalData(sourceWithIds);\n\n  const handleKeyboardNavigation = (evt: KeyboardEvent, nextIdx: number) => {\n    selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIdx);\n  };\n\n  const { highlightedIdx, ...keyboardHook } = useKeyboardNavigation({\n    treeNodes: dataHook.indexPositions,\n    onHighlight: onHighlightProp,\n    onKeyboardNavigation: handleKeyboardNavigation,\n    selected: lastSelection.current,\n  });\n\n  const collapsibleHook = useCollapsibleGroups({\n    collapsibleHeaders: true,\n    highlightedIdx,\n    treeNodes: dataHook.indexPositions,\n    setVisibleData: dataHook.setData,\n    source: dataHook.data,\n  });\n\n  const selectionHook = useSelection({\n    defaultSelected,\n    highlightedIdx,\n    treeNodes: dataHook.indexPositions,\n    onChange,\n    selected: selectedProp,\n    selection,\n  });\n\n  const treeNavigationHook = useTreeKeyboardNavigation({\n    source: dataHook.data,\n    highlightedIdx,\n    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,\n    indexPositions: dataHook.indexPositions,\n  });\n\n  const handleClick = useCallback(\n    (evt) => {\n      collapsibleHook.listItemHandlers?.onClick(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listItemHandlers?.onClick?.(evt);\n      }\n    },\n    [collapsibleHook, selectionHook],\n  );\n\n  const handleKeyDown = useCallback(\n    (evt) => {\n      keyboardHook.listProps.onKeyDown?.(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listHandlers.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        collapsibleHook.listHandlers.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        treeNavigationHook.listHandlers.onKeyDown?.(evt);\n      }\n    },\n    [\n      collapsibleHook.listHandlers,\n      keyboardHook.listProps,\n      selectionHook.listHandlers,\n      treeNavigationHook.listHandlers,\n    ],\n  );\n\n  const getActiveDescendant = () =>\n    highlightedIdx === undefined || highlightedIdx === -1\n      ? undefined\n      : dataHook.indexPositions[highlightedIdx]?.id;\n\n  // We need this on reEntry for navigation hook to handle focus\n  lastSelection.current = selectionHook.selected;\n\n  const listProps = {\n    \"aria-activedescendant\": getActiveDescendant(),\n    onBlur: keyboardHook.listProps.onBlur,\n    onFocus: keyboardHook.listProps.onFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,\n    onMouseLeave: keyboardHook.listProps.onMouseLeave,\n    onMouseMove: keyboardHook.listProps.onMouseMove,\n  };\n\n  const listItemHandlers = {\n    onClick: handleClick,\n  };\n\n  return {\n    focusVisible: keyboardHook.focusVisible,\n    highlightedIdx,\n    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,\n    listProps,\n    listItemHandlers,\n    selected: selectionHook.selected,\n    visibleData: dataHook.data,\n  };\n};\n"],"names":[],"mappings":"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"}

package/types/tree/Tree.d.ts

@@ -1,19 +0,0 @@
-import { HTMLAttributes } from "react";
-import { GroupSelection, TreeSelection } from "./use-selection";
-import { TreeSourceNode } from "@vuu-ui/vuu-utils";
-export interface TreeNodeProps extends HTMLAttributes<HTMLLIElement> {
-    idx?: number;
-}
-export declare const TreeNode: ({ children, idx, ...props }: TreeNodeProps) => JSX.Element;
-export interface TreeProps extends HTMLAttributes<HTMLUListElement> {
-    allowDragDrop?: boolean;
-    defaultSelected?: any;
-    groupSelection?: GroupSelection;
-    onHighlight?: (index: number) => void;
-    onSelectionChange?: (selected: TreeSourceNode[]) => void;
-    revealSelected?: boolean;
-    selected?: string[];
-    selection?: TreeSelection;
-    source: TreeSourceNode[];
-}
-export declare const Tree: import("react").ForwardRefExoticComponent<TreeProps & import("react").RefAttributes<HTMLUListElement>>;

package/types/tree/hierarchical-data-utils.d.ts

@@ -1,8 +0,0 @@
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export declare const getNodeParentPath: ({ id }: NormalisedTreeSourceNode) => string | null | undefined;
-export declare const isGroupNode: (node: NormalisedTreeSourceNode) => boolean;
-export declare const isCollapsibleGroupNode: (node: NormalisedTreeSourceNode) => boolean;
-export declare const isHeader: (node: NormalisedTreeSourceNode) => boolean;
-export declare const getNodeById: (nodes: NormalisedTreeSourceNode[], id: string) => NormalisedTreeSourceNode | undefined;
-export declare const getIndexOfNode: (treeNodes: NormalisedTreeSourceNode[], node: NormalisedTreeSourceNode) => number | undefined;
-export declare const replaceNode: (nodes: NormalisedTreeSourceNode[], id: string, props: Partial<NormalisedTreeSourceNode>) => NormalisedTreeSourceNode[];

package/types/tree/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Tree";
-export * from "./Tree";
-export * from "./use-items-with-ids";

package/types/tree/key-code.d.ts

@@ -1,11 +0,0 @@
-import { KeyboardEvent } from "react";
-export declare const ArrowUp = "ArrowUp";
-export declare const ArrowDown = "ArrowDown";
-export declare const ArrowLeft = "ArrowLeft";
-export declare const Backspace = "Backspace";
-export declare const ArrowRight = "ArrowRight";
-export declare const Enter = "Enter";
-export declare const Escape = "Escape";
-export declare const Delete = "Delete";
-export declare const isCharacterKey: (evt: KeyboardEvent) => boolean | undefined;
-export declare const isNavigationKey: ({ key }: KeyboardEvent, orientation?: string) => boolean;

package/types/tree/list-dom-utils.d.ts

@@ -1,6 +0,0 @@
-export declare const listItemElement: (listEl: HTMLElement, listItemIdx: number) => Element | null;
-export declare function listItemIndex(listItemEl: HTMLElement): number | undefined;
-export declare const listItemId: (el: HTMLElement | null) => string | undefined;
-export declare const closestListItem: (el: HTMLElement) => HTMLElement;
-export declare const closestListItemId: (el: HTMLElement) => string | undefined;
-export declare const closestListItemIndex: (el: HTMLElement) => number | undefined;

package/types/tree/treeTypeUtils.d.ts

@@ -1,2 +0,0 @@
-import type { NonLeafNode, NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export declare const isExpanded: (node: NormalisedTreeSourceNode) => node is NonLeafNode;

package/types/tree/use-collapsible-groups.d.ts

@@ -1,18 +0,0 @@
-import { KeyboardEvent, MouseEvent } from "react";
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export interface CollapsibleGroupsHookProps {
-    collapsibleHeaders?: boolean;
-    highlightedIdx: number;
-    treeNodes: NormalisedTreeSourceNode[];
-    setVisibleData: (nodes: NormalisedTreeSourceNode[]) => void;
-    source: NormalisedTreeSourceNode[];
-}
-export interface CollapsibleHookResult {
-    listHandlers: {
-        onKeyDown?: (e: KeyboardEvent) => void;
-    };
-    listItemHandlers: {
-        onClick: (e: MouseEvent) => void;
-    };
-}
-export declare const useCollapsibleGroups: ({ collapsibleHeaders, highlightedIdx, treeNodes, setVisibleData, source, }: CollapsibleGroupsHookProps) => CollapsibleHookResult;

package/types/tree/use-hierarchical-data.d.ts

@@ -1,6 +0,0 @@
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export declare const useHierarchicalData: (source: NormalisedTreeSourceNode[]) => {
-    data: NormalisedTreeSourceNode[];
-    indexPositions: NormalisedTreeSourceNode[];
-    setData: (value: NormalisedTreeSourceNode[]) => void;
-};

package/types/tree/use-items-with-ids.d.ts

@@ -1,8 +0,0 @@
-import { NormalisedTreeSourceNode, TreeSourceNode } from "@vuu-ui/vuu-utils";
-type SourceItemById = (id: string, target?: NormalisedTreeSourceNode[]) => TreeSourceNode | undefined;
-export declare const useItemsWithIds: (sourceProp: TreeSourceNode[], idRoot?: string, { collapsibleHeaders, defaultExpanded, revealSelected, }?: {
-    collapsibleHeaders?: undefined;
-    defaultExpanded?: boolean | undefined;
-    revealSelected?: boolean | undefined;
-}) => [number, NormalisedTreeSourceNode[], SourceItemById];
-export {};

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

@@ -1,26 +0,0 @@
-import { KeyboardEvent } from "react";
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export interface KeyboardNavigationHookProps {
-    defaultHighlightedIdx?: number;
-    highlightedIdx?: number;
-    onHighlight?: (highlightedIdx: number) => void;
-    onKeyboardNavigation?: (evt: KeyboardEvent, nextIdx: number) => void;
-    selected: string[];
-    treeNodes: NormalisedTreeSourceNode[];
-}
-export declare const useKeyboardNavigation: ({ defaultHighlightedIdx, highlightedIdx: highlightedIdxProp, treeNodes, onHighlight, onKeyboardNavigation, selected, }: KeyboardNavigationHookProps) => {
-    focusVisible: number;
-    controlledHighlighting: boolean;
-    highlightedIdx: number;
-    hiliteItemAtIndex: (idx: any) => void;
-    keyBoardNavigation: import("react").MutableRefObject<boolean>;
-    listProps: {
-        onBlur: () => void;
-        onFocus: () => void;
-        onKeyDown: (e: any) => void;
-        onMouseDownCapture: () => void;
-        onMouseMove: () => void;
-        onMouseLeave: () => void;
-    };
-    setIgnoreFocus: (value: boolean) => boolean;
-};

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

@@ -1,31 +0,0 @@
-import { KeyboardEvent, MouseEvent, SyntheticEvent } from "react";
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-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

@@ -1,12 +0,0 @@
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-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

@@ -1,2 +0,0 @@
-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

@@ -1,30 +0,0 @@
-import type { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-import { GroupSelection, TreeNodeSelectionHandler, TreeSelection } from "./use-selection";
-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[];
-};