@vuu-ui/vuu-layout 0.8.22 → 0.8.23-debug

package/types/toolbar/toolbar-dom-utils.d.ts

@@ -1,3 +0,0 @@
-export declare const getIndexOfItem: (container: HTMLElement | null, query: string) => number;
-export declare const getIndexOfSelectedTab: (container: HTMLElement | null) => number;
-export declare const getIndexOfEditedItem: (container: HTMLElement | null) => number;

package/types/toolbar/useKeyboardNavigation.d.ts

@@ -1,32 +0,0 @@
-import { orientationType } from "@vuu-ui/vuu-utils";
-import { FocusEvent, FocusEventHandler, KeyboardEvent, MouseEvent as ReactMouseEvent, MouseEventHandler, RefObject } from "react";
-import { NavigationOutOfBoundsHandler } from "./Toolbar";
-import { PopupCloseCallback } from "@vuu-ui/vuu-popups";
-export interface ContainerNavigationProps {
-    onBlur: FocusEventHandler;
-    onFocus: FocusEventHandler;
-    onMouseDownCapture: MouseEventHandler;
-    onMouseLeave: MouseEventHandler;
-}
-interface ToolbarNavigationHookProps {
-    containerRef: RefObject<HTMLElement>;
-    defaultHighlightedIdx?: number;
-    highlightedIdx?: number;
-    onNavigateOutOfBounds?: NavigationOutOfBoundsHandler;
-    orientation: orientationType;
-}
-interface ToolbarNavigationHookResult {
-    containerProps: ContainerNavigationProps;
-    focusableIdx: number;
-    highlightedIdx: number;
-    focusItem: (itemIndex: number, immediateFocus?: boolean, withKeyboard?: boolean, delay?: number) => void;
-    focusVisible: number;
-    focusIsWithinComponent: boolean;
-    onClick: (evt: ReactMouseEvent, tabIndex: number) => void;
-    onFocus: (evt: FocusEvent<HTMLElement>) => void;
-    onKeyDown: (evt: KeyboardEvent) => void;
-    onOverflowMenuClose?: PopupCloseCallback;
-    setHighlightedIdx: (highlightedIndex: number) => void;
-}
-export declare const useKeyboardNavigation: ({ containerRef, defaultHighlightedIdx, highlightedIdx: highlightedIdxProp, onNavigateOutOfBounds, orientation, }: ToolbarNavigationHookProps) => ToolbarNavigationHookResult;
-export {};

package/types/toolbar/useSelection.d.ts

@@ -1,22 +0,0 @@
-import { SelectionStrategy, SpecialKeyMultipleSelection } from "@vuu-ui/vuu-ui-controls";
-import { MouseEvent, RefObject } from "react";
-export interface SelectionHookProps {
-    containerRef: RefObject<HTMLElement>;
-    defaultSelected?: number[];
-    highlightedIdx: number;
-    itemQuery: string;
-    onSelectionChange?: (selectedIndices: number[]) => void;
-    selected?: number[];
-    selectionStrategy: SelectionStrategy | SpecialKeyMultipleSelection;
-}
-export interface ItemHandlers {
-    onClick?: (e: MouseEvent, itemIndex: number) => void;
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-}
-export interface SelectionHookResult {
-    activateItem: (tabIndex: number) => void;
-    itemHandlers: ItemHandlers;
-    isControlled: boolean;
-    selected: number[];
-}
-export declare const useSelection: ({ containerRef, defaultSelected, highlightedIdx, itemQuery, onSelectionChange, selected: selectedProp, selectionStrategy, }: SelectionHookProps) => SelectionHookResult;

package/types/toolbar/useToolbar.d.ts

@@ -1,28 +0,0 @@
-import { KeyboardEvent, MouseEvent as ReactMouseEvent, RefObject } from "react";
-import { OverflowItem } from "../overflow-container";
-import { ToolbarProps } from "./Toolbar";
-export interface ToolbarHookProps extends Pick<ToolbarProps, "activeItemIndex" | "defaultActiveItemIndex" | "onActiveChange" | "onNavigateOutOfBounds">, Required<Pick<ToolbarProps, "orientation" | "selectionStrategy">> {
-    containerRef: RefObject<HTMLElement>;
-    itemQuery?: string;
-}
-export declare const useToolbar: ({ activeItemIndex: activeItemIndexProp, defaultActiveItemIndex, containerRef, itemQuery, onActiveChange, onNavigateOutOfBounds, orientation, selectionStrategy, }: ToolbarHookProps) => {
-    activeItemIndex: number[];
-    focusableIdx: number;
-    focusVisible: number;
-    containerProps: {
-        onSwitchWrappedItemIntoView: (item: OverflowItem) => void;
-        onBlur: import("react").FocusEventHandler<Element>;
-        onFocus: import("react").FocusEventHandler<Element>;
-        onMouseDownCapture: import("react").MouseEventHandler<Element>;
-        onMouseLeave: import("react").MouseEventHandler<Element>;
-        PopupMenuProps: {
-            onKeyDown: (evt: KeyboardEvent) => void;
-            onMenuClose: import("packages/vuu-popups/src").PopupCloseCallback | undefined;
-        };
-    };
-    itemProps: {
-        onClick: (evt: ReactMouseEvent<HTMLElement>) => void;
-        onFocus: (evt: import("react").FocusEvent<HTMLElement, Element>) => void;
-        onKeyDown: (evt: KeyboardEvent) => void;
-    };
-};

package/types/utils/react-utils.d.ts

@@ -1,2 +0,0 @@
-import { ReactElement, ReactNode } from "react";
-export declare const asReactElements: (children: ReactNode) => ReactElement[];