@vuu-ui/vuu-ui-controls 0.8.8-debug → 0.8.9-debug

package/types/vuu-ui-controls/src/expando-input/index.d.ts

@@ -0,0 +1 @@
+export * from "./ExpandoInput";

package/types/vuu-ui-controls/src/index.d.ts

@@ -0,0 +1,15 @@
+export * from "./combo-box";
+export * from "./common-hooks";
+export * from "./drag-drop";
+export * from "./dropdown";
+export * from "./editable";
+export * from "./editable-label";
+export * from "./expando-input";
+export * from "./inputs";
+export * from "./instrument-search";
+export * from "./list";
+export * from "./price-ticker";
+export * from "./tabstrip";
+export * from "./tree";
+export * from "./utils";
+export * from "./vuu-input";

package/types/vuu-ui-controls/src/inputs/Checkbox.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./Checkbox.css";
+type CheckboxProps = {
+    onToggle: () => void;
+    className?: string;
+    checked: boolean;
+    label: string;
+};
+export declare const Checkbox: (props: CheckboxProps) => JSX.Element;
+export {};

package/types/vuu-ui-controls/src/inputs/RadioButton.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./RadioButton.css";
+type RadioButtonProps = {
+    onClick: () => void;
+    checked: boolean;
+    label: string;
+    groupName: string;
+};
+export declare const RadioButton: (props: RadioButtonProps) => JSX.Element;
+export {};

package/types/vuu-ui-controls/src/inputs/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Checkbox";
+export * from "./RadioButton";

package/types/vuu-ui-controls/src/instrument-search/InstrumentSearch.d.ts

@@ -0,0 +1,11 @@
+import { DataSource } from "@vuu-ui/vuu-data";
+import { TableProps } from "@vuu-ui/vuu-table";
+import { HTMLAttributes } from "react";
+import "./SearchCell";
+import "./InstrumentSearch.css";
+export interface InstrumentSearchProps extends HTMLAttributes<HTMLDivElement> {
+    TableProps?: Partial<TableProps>;
+    dataSource: DataSource;
+    searchColumn?: string;
+}
+export declare const InstrumentSearch: ({ TableProps, className, dataSource, searchColumn, ...htmlAttributes }: InstrumentSearchProps) => JSX.Element;

package/types/vuu-ui-controls/src/instrument-search/SearchCell.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TableCellRendererProps } from "@vuu-ui/vuu-datagrid-types";
+import "./SearchCell.css";
+export declare const SearchCell: ({ column, columnMap, row, }: TableCellRendererProps) => JSX.Element;

package/types/vuu-ui-controls/src/instrument-search/index.d.ts

@@ -0,0 +1 @@
+export * from "./InstrumentSearch";

package/types/vuu-ui-controls/src/instrument-search/moving-window.d.ts

@@ -0,0 +1,14 @@
+import { DataSourceRow } from "@vuu-ui/vuu-data-types";
+import { VuuRange } from "@vuu-ui/vuu-protocol-types";
+export declare class MovingWindow {
+    data: DataSourceRow[];
+    rowCount: number;
+    private range;
+    constructor({ from, to }: VuuRange);
+    setRowCount: (rowCount: number) => void;
+    add(data: DataSourceRow): void;
+    getAtIndex(index: number): DataSourceRow | undefined;
+    isWithinRange(index: number): boolean;
+    setRange({ from, to }: VuuRange): void;
+    getSelectedRows(): DataSourceRow[];
+}

package/types/vuu-ui-controls/src/instrument-search/useDataSource.d.ts

@@ -0,0 +1,7 @@
+import { DataSource } from "@vuu-ui/vuu-data";
+import { DataSourceRow } from "packages/vuu-data-types";
+export interface DataSourceHookProps {
+    dataSource: DataSource;
+    instruments: string[];
+}
+export declare const useDataSource: ({ dataSource }: DataSourceHookProps) => DataSourceRow[];

package/types/vuu-ui-controls/src/list/ChevronIcon.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from "react";
+import "./ChevronIcon.css";
+type Direction = "up" | "down" | "left" | "right";
+interface ChevronProps extends HTMLAttributes<HTMLSpanElement> {
+    direction: Direction;
+}
+export declare const ChevronIcon: (props: ChevronProps) => JSX.Element;
+export {};

package/types/{list → vuu-ui-controls/src/list}/List.d.ts

@@ -1,7 +1,7 @@
 import { ForwardedRef, ReactElement } from "react";
-import { ScrollingAPI, SelectionStrategy } from "./common-hooks";
+import { SelectionStrategy } from "../common-hooks";
 import { ListProps } from "./listTypes";
 import "./List.css";
 export declare const List: <Item = string, Selection_1 extends SelectionStrategy = "default">(props: ListProps<Item, Selection_1> & {
-    ref?: ForwardedRef<ScrollingAPI<Item>> | undefined;
+    ref?: ForwardedRef<HTMLDivElement> | undefined;
 }) => ReactElement<ListProps<Item, Selection_1>, string | import("react").JSXElementConstructor<any>>;

package/types/{list → vuu-ui-controls/src/list}/ListItem.d.ts

@@ -1,5 +1,7 @@
 import { HTMLAttributes } from "react";
 import { ListItemType } from "./listTypes";
 import "./ListItem.css";
-export declare const ListItemProxy: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ListItemProxy: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    height?: number | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ListItem: ListItemType<unknown>;

package/types/vuu-ui-controls/src/list/RadioIcon.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./RadioIcon.css";
+export declare const RadioIcon: ({ checked, ...htmlAttributes }: {
+    [x: string]: any;
+    checked?: boolean | undefined;
+}) => JSX.Element;

package/types/{list → vuu-ui-controls/src/list}/VirtualizedList.d.ts

@@ -1,5 +1,5 @@
 import { ForwardedRef, ReactElement } from "react";
-import { SelectionStrategy } from "./common-hooks";
+import { SelectionStrategy } from "../common-hooks";
 import { ListProps } from "./listTypes";
 import "./List.css";
 export declare const VirtualizedList: <Item = string, Selection_1 extends SelectionStrategy = "default">(props: ListProps<Item, Selection_1> & {

package/types/{list → vuu-ui-controls/src/list}/common-hooks/index.d.ts

@@ -1,15 +1,10 @@
-export * from "./collectionProvider";
-export * from "./collectionTypes";
-export * from "./itemToString";
 export * from "./keyUtils";
 export * from "./useCollapsibleGroups";
 export * from "./list-dom-utils";
-export * from "./navigationTypes";
-export * from "./selectionTypes";
-export * from "./useCollectionItems";
+export * from "../../common-hooks/useCollectionItems";
 export * from "./useImperativeScrollingAPI";
 export * from "./useKeyboardNavigation";
-export * from "./useSelection";
+export * from "../../common-hooks/useSelection";
 export * from "./useTypeahead";
 export * from "./useViewportTracking";
 export * from "./utils";

package/types/{list → vuu-ui-controls/src/list}/common-hooks/keyUtils.d.ts

@@ -10,6 +10,5 @@ export declare const End = "End";
 export declare const PageUp = "PageUp";
 export declare const PageDown = "PageDown";
 export declare const Space = " ";
-export declare const Tab = "Tab";
 export declare const isCharacterKey: (evt: React.KeyboardEvent) => boolean;
 export declare const isNavigationKey: ({ key }: React.KeyboardEvent) => boolean;

package/types/{list → vuu-ui-controls/src/list}/common-hooks/list-dom-utils.d.ts

@@ -1,6 +1,5 @@
 export declare const listItemElement: (listEl: HTMLElement, listItemIdx: number) => Element | null;
 export declare function listItemIndex(listItemEl?: HTMLElement): number;
 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;

package/types/{list → vuu-ui-controls/src/list}/common-hooks/useCollapsibleGroups.d.ts

@@ -1,5 +1,5 @@
-import { ListHandlers } from "./selectionTypes";
-import { CollectionHookResult } from "./collectionTypes";
+import { ListHandlers } from "../../common-hooks";
+import { CollectionHookResult } from "../../common-hooks/collectionTypes";
 interface CollapsibleHookProps<Item> {
     collapsibleHeaders?: boolean;
     collectionHook: CollectionHookResult<Item>;

package/types/{list → vuu-ui-controls/src/list}/common-hooks/useImperativeScrollingAPI.d.ts

@@ -1,5 +1,5 @@
 import { ForwardedRef, MutableRefObject } from "react";
-import { CollectionHookResult, CollectionItem } from "./collectionTypes";
+import { CollectionHookResult, CollectionItem } from "../../common-hooks/collectionTypes";
 export interface ScrollingAPI<Item> {
     scrollToIndex: (itemIndex: number) => void;
     scrollToItem: (item: Item) => void;

package/types/vuu-ui-controls/src/list/common-hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,3 @@
+import { NavigationHookProps, NavigationHookResult, SelectionStrategy } from "../../common-hooks";
+export declare const LIST_FOCUS_VISIBLE = -2;
+export declare const useKeyboardNavigation: <Item, Selection_1 extends SelectionStrategy>({ containerRef, defaultHighlightedIndex, disableHighlightOnFocus, highlightedIndex: highlightedIndexProp, indexPositions, itemCount, onHighlight, onKeyboardNavigation, restoreLastFocus, selected, viewportItemCount, }: NavigationHookProps<Item, Selection_1>) => NavigationHookResult;

package/types/{list → vuu-ui-controls/src/list}/common-hooks/useTypeahead.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CollectionItem } from "./collectionTypes";
+import { CollectionItem } from "../../common-hooks/collectionTypes";
 interface TypeaheadHookProps<Item> {
     disableTypeToSelect?: boolean;
     highlightedIdx: number;

package/types/{list → vuu-ui-controls/src/list}/common-hooks/useViewportTracking.d.ts

@@ -1,5 +1,5 @@
 import { MutableRefObject, RefObject } from "react";
-import { CollectionItem } from "./collectionTypes";
+import { CollectionItem } from "../../common-hooks/collectionTypes";
 export interface ViewportTrackingProps<Item> {
     containerRef: RefObject<HTMLElement>;
     contentRef?: RefObject<HTMLElement>;

package/types/{list → vuu-ui-controls/src/list}/common-hooks/utils/collection-item-utils.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from "react";
-import { CollectionItem, CollectionOptions } from "../collectionTypes";
+import { CollectionItem, CollectionOptions } from "../../../common-hooks/collectionTypes";
 export declare const sourceItemHasProp: (item: unknown, propertyName: string) => boolean;
 export declare const isHeader: (item: unknown) => boolean;
 export declare const isGroupNode: (item: unknown) => boolean;

package/types/{list → vuu-ui-controls/src/list}/common-hooks/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./collection-item-utils";
 export * from "./filter-utils";
 export * from "./isSelected";
+export * from "../../../common-hooks/useControlled";

package/types/vuu-ui-controls/src/list/common-hooks/utils/isSelected.d.ts

@@ -0,0 +1,2 @@
+import { CollectionItem } from "../../../common-hooks/collectionTypes";
+export declare function isSelected<Item>(selected: string | string[] | null, item: CollectionItem<Item>): boolean;

package/types/{list → vuu-ui-controls/src/list}/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./common-hooks";
 export * from "./Highlighter";
 export * from "./ListItem";
 export * from "./List";
@@ -6,3 +7,5 @@ export * from "./ListItemHeader";
 export * from "./ListItemGroup";
 export * from "./useList";
 export * from "./VirtualizedList";
+export * from "./CheckboxIcon";
+export * from "./RadioIcon";

package/types/{list → vuu-ui-controls/src/list}/listTypes.d.ts

@@ -1,11 +1,13 @@
 import React, { FocusEventHandler, ForwardedRef, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEventHandler, PropsWithChildren, Ref, RefObject } from "react";
-import { CollectionHookResult, CollectionItem, ListHandlers, NavigationHookResult, ScrollingAPI, SelectHandler, SelectionChangeHandler, SelectionHookResult, SelectionProps, SelectionStrategy, ViewportTrackingResult } from "./common-hooks";
-import { DragHookResult, dragStrategy } from "../drag-drop";
+import { ScrollingAPI, ViewportTrackingResult } from "./common-hooks";
+import { CollectionHookResult, ListHandlers, NavigationHookResult, SelectHandler, SelectionChangeHandler, SelectionHookResult, SelectionProps, SelectionStrategy } from "../common-hooks";
+import { DragHookResult, DragStartHandler, dragStrategy, DropHandler } from "../drag-drop";
 import { ViewportRange } from "./useScrollPosition";
 export type ComponentType<T = unknown> = (props: PropsWithChildren<T>) => JSX.Element;
 export type ListItemType<T = unknown> = ComponentType<ListItemProps<T> & {
     ref?: Ref<HTMLDivElement>;
 }>;
+export type MoveItemHandler = (fromIndex: number, toIndex: number) => void;
 export interface ListItemProps<T = unknown> extends HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
     disabled?: boolean;
@@ -30,7 +32,7 @@ export interface ListScrollHandles<Item> {
     scrollToItem: (item: Item) => void;
     scrollTo: (scrollOffset: number) => void;
 }
-export interface ListProps<Item = string, Selection extends SelectionStrategy = "default"> extends SelectionProps<Item, Selection>, Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "defaultValue"> {
+export interface ListProps<Item = string, Selection extends SelectionStrategy = "default"> extends SelectionProps<Item, Selection>, Omit<HTMLAttributes<HTMLDivElement>, "onDragStart" | "onDrop" | "onSelect" | "defaultValue"> {
     /**
      * The component used to render a ListItem instead of the default. This must itself render a ListItem,
      * must implement props that extend ListItemProps and must forward ListItem props to the ListItem.
@@ -129,8 +131,14 @@ export interface ListProps<Item = string, Selection extends SelectionStrategy =
      * Minimum list width.
      */
     minWidth?: number | string;
+    onDragStart?: DragStartHandler;
+    /**
+     * Handle item dropped onto list. Note, this will not be triggered if a list item is
+     * dragged within its owning list - this will trigger the onMoveListItem callback.
+     */
+    onDrop?: DropHandler;
     onHighlight?: (index: number) => void;
-    onMoveListItem?: (fromIndex: number, toIndex: number) => void;
+    onMoveListItem?: MoveItemHandler;
     onViewportScroll?: (firstVisibleRowIndex: number, lastVisibleRowIndex: number) => void;
     /**
      * If `true`, the component will remember the last keyboard-interacted position
@@ -168,35 +176,27 @@ export interface ListControlProps {
     onMouseDownCapture: MouseEventHandler;
     onMouseLeave: MouseEventHandler;
 }
-export interface ListHookProps<Item, Selection extends SelectionStrategy> extends Omit<SelectionProps<CollectionItem<Item>, Selection>, "onSelect" | "onSelectionChange"> {
-    allowDragDrop?: boolean | dragStrategy;
-    collapsibleHeaders?: boolean;
+export interface ListHookProps<Item, Selection extends SelectionStrategy> extends Omit<SelectionProps<string, Selection>, "onSelect" | "onSelectionChange">, Pick<ListProps, "allowDragDrop" | "collapsibleHeaders" | "disabled" | "id" | "onDragStart" | "onDrop" | "onHighlight" | "onMoveListItem" | "restoreLastFocus" | "stickyHeaders" | "tabToSelect"> {
     collectionHook: CollectionHookResult<Item>;
     containerRef: RefObject<HTMLElement>;
     contentRef?: RefObject<HTMLElement>;
     defaultHighlightedIndex?: number;
-    disabled?: boolean;
     disableAriaActiveDescendant?: boolean;
     disableHighlightOnFocus?: boolean;
     disableTypeToSelect?: boolean;
     focusVisible?: boolean;
     highlightedIndex?: number;
-    id?: string;
     label?: string;
     listHandlers?: ListHandlers;
-    onHighlight?: (index: number) => void;
     onKeyboardNavigation?: (event: React.KeyboardEvent, currentIndex: number) => void;
     onKeyDown?: (evt: KeyboardEvent) => void;
-    onMoveListItem?: (fromIndex: number, toIndex: number) => void;
     onSelect?: SelectHandler<Item>;
     onSelectionChange?: SelectionChangeHandler<Item, Selection>;
-    restoreLastFocus?: boolean;
+    scrollContainerRef?: RefObject<HTMLElement>;
     selectionKeys?: string[];
-    stickyHeaders?: boolean;
-    tabToSelect?: boolean;
     viewportRange?: ViewportRange;
 }
-export interface ListHookResult<Item, Selection extends SelectionStrategy> extends Partial<ViewportTrackingResult<Item>>, Pick<SelectionHookResult<Item, Selection>, "selected" | "setSelected">, Partial<Omit<NavigationHookResult, "listProps">>, Omit<DragHookResult, "isDragging" | "isScrolling"> {
+export interface ListHookResult<Item, Selection extends SelectionStrategy> extends Partial<ViewportTrackingResult<Item>>, Pick<SelectionHookResult<Selection>, "selected" | "setSelected">, Partial<Omit<NavigationHookResult, "listProps">>, Omit<DragHookResult, "isDragging" | "isScrolling"> {
     keyboardNavigation: RefObject<boolean>;
     listHandlers: ListHandlers;
     listItemHeaderHandlers: Partial<ListHandlers>;

package/types/{list → vuu-ui-controls/src/list}/useList.d.ts

@@ -1,3 +1,3 @@
-import { SelectionStrategy } from "./common-hooks";
+import { SelectionStrategy } from "../common-hooks";
 import { ListHookProps, ListHookResult } from "./listTypes";
-export declare const useList: <Item, Selection_1 extends SelectionStrategy = "default">({ allowDragDrop, collapsibleHeaders, collectionHook: dataHook, containerRef, contentRef, defaultHighlightedIndex, defaultSelected, disabled, disableAriaActiveDescendant, disableHighlightOnFocus, disableTypeToSelect, highlightedIndex: highlightedIndexProp, id, label, listHandlers: listHandlersProp, onHighlight, onKeyboardNavigation, onKeyDown, onMoveListItem, onSelect, onSelectionChange, restoreLastFocus, selected, selectionStrategy, selectionKeys, stickyHeaders, tabToSelect, viewportRange, }: ListHookProps<Item, Selection_1>) => ListHookResult<Item, Selection_1>;
+export declare const useList: <Item, Selection_1 extends SelectionStrategy = "default">({ allowDragDrop, collapsibleHeaders, collectionHook: dataHook, containerRef, contentRef, defaultHighlightedIndex, defaultSelected, disabled, disableAriaActiveDescendant, disableHighlightOnFocus, disableTypeToSelect, highlightedIndex: highlightedIndexProp, id, label, listHandlers: listHandlersProp, onDragStart, onDrop, onHighlight, onKeyboardNavigation, onKeyDown, onMoveListItem, onSelect, onSelectionChange, restoreLastFocus, scrollContainerRef, selected, selectionStrategy, selectionKeys, stickyHeaders, tabToSelect, viewportRange, }: ListHookProps<Item, Selection_1>) => ListHookResult<Item, Selection_1>;

package/types/{list → vuu-ui-controls/src/list}/useListHeight.d.ts

@@ -1,6 +1,6 @@
+import { MeasuredSize } from "@vuu-ui/vuu-layout";
 import { RefObject } from "react";
 export interface ListHeightHookProps {
-    borderless?: boolean;
     displayedItemCount: number;
     getItemHeight?: (index: number) => number;
     height?: number | string;
@@ -8,12 +8,13 @@ export interface ListHeightHookProps {
     itemGapSize: number;
     itemHeight?: number;
     rootRef: RefObject<HTMLElement>;
-    rowHeightRef: RefObject<HTMLElement | null>;
+    size: MeasuredSize | undefined;
 }
 export interface HeightHookResult {
+    computedListHeight: number | undefined;
     contentHeight: number;
     listClientHeight?: number;
     listItemHeight: number;
-    listHeight: number | string;
+    rowHeightProxyRef: (el: HTMLDivElement | null) => void;
 }
-export declare const useListHeight: ({ borderless, displayedItemCount, getItemHeight, height, itemCount, itemGapSize, itemHeight: itemHeightProp, rootRef, rowHeightRef, }: ListHeightHookProps) => HeightHookResult;
+export declare const useListHeight: ({ displayedItemCount, getItemHeight, height, itemCount, itemGapSize, itemHeight: itemHeightProp, size, }: ListHeightHookProps) => HeightHookResult;

package/types/{list → vuu-ui-controls/src/list}/useVirtualization.d.ts

@@ -1,4 +1,4 @@
-import { CollectionItem } from "./common-hooks";
+import { CollectionItem } from "../common-hooks";
 import { ViewportRange } from "./useScrollPosition";
 /**
  * [ item key, total height before the item, next row index, CollectionItem<Item>]

package/types/vuu-ui-controls/src/price-ticker/PriceTicker.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from "react";
+import "./PriceTicker.css";
+export interface PriceTickerProps extends HTMLAttributes<HTMLDivElement> {
+    decimals?: number;
+    price?: number;
+    showArrow?: boolean;
+}
+export declare const PriceTicker: import("react").MemoExoticComponent<({ className, decimals, price, showArrow, ...htmlAttributes }: PriceTickerProps) => JSX.Element>;

package/types/vuu-ui-controls/src/price-ticker/index.d.ts

@@ -0,0 +1 @@
+export * from "./PriceTicker";

package/types/vuu-ui-controls/src/tabstrip/TabMenu.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { MenuActionHandler } from "@vuu-ui/vuu-data-types";
+import "./TabMenu.css";
+export interface TabMenuProps {
+    allowClose: boolean;
+    allowRename: boolean;
+    index: number;
+    location?: string;
+    onMenuAction: MenuActionHandler;
+    onMenuClose?: () => void;
+    /**
+     * The id of associated component, if available
+     */
+    controlledComponentId?: string;
+}
+export declare const TabMenu: ({ allowClose, allowRename, controlledComponentId, location, onMenuAction, onMenuClose, index, }: TabMenuProps) => JSX.Element;

package/types/{tabstrip → vuu-ui-controls/src/tabstrip}/TabsTypes.d.ts

@@ -42,7 +42,7 @@ export interface TabstripProps extends HTMLAttributes<HTMLDivElement> {
     editing?: boolean;
     keyBoardActivation?: "manual" | "automatic";
     /**
-     * A custom context menu location for TabMenu
+     * A custom context menu location for TabMenu, applied to all tabs
      */
     location?: string;
     /**
@@ -78,7 +78,7 @@ export interface TabstripProps extends HTMLAttributes<HTMLDivElement> {
     promptForNewTabName?: boolean;
     /**
      * Should each tab render a popup menu. Default is false if tab is
-     * not closeable or renameable, otherwise true.
+     * not closeable, not renameable and has no tab-location , otherwise true.
      */
     showTabMenuButton?: boolean;
 }

package/types/{tabstrip → vuu-ui-controls/src/tabstrip}/tabstrip-dom-utils.d.ts

@@ -1,3 +1,2 @@
-export declare const getElementIndex: (el: HTMLElement | null) => number;
 export declare const getIndexOfSelectedTab: (container: HTMLElement | null) => number;
 export declare const getIndexOfEditedItem: (container: HTMLElement | null) => number;

package/types/{tabstrip → vuu-ui-controls/src/tabstrip}/useSelection.d.ts

@@ -1,5 +1,4 @@
 import { KeyboardEvent, MouseEvent } from "react";
-export declare const isTabElement: (el: HTMLElement) => boolean;
 export declare const useSelection: ({ defaultSelected, highlightedIdx, onSelectionChange, selected: selectedProp, }: {
     defaultSelected?: number | undefined;
     highlightedIdx: number;

package/types/{tabstrip → vuu-ui-controls/src/tabstrip}/useTabstrip.d.ts

@@ -1,6 +1,6 @@
 import type { MenuActionHandler } from "@vuu-ui/vuu-data-types";
 import type { OverflowItem } from "@vuu-ui/vuu-layout";
-import type { orientationType } from "@vuu-ui/vuu-utils";
+import { orientationType } from "@vuu-ui/vuu-utils";
 import { KeyboardEvent, MouseEvent as ReactMouseEvent, RefObject } from "react";
 export type ExitEditModeHandler = (originalValue: string, editedValue: string, allowDeactivation: boolean, tabIndex: number) => void;
 export interface TabstripHookProps {

package/types/vuu-ui-controls/src/utils/forwardCallbackProps.d.ts

@@ -0,0 +1,3 @@
+type Props = Record<string, unknown>;
+export declare const forwardCallbackProps: <P1 extends Props, P2 extends Props>(ownProps: P1, overrideProps: P2) => P1 & P2;
+export {};

package/types/vuu-ui-controls/src/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./escapeRegExp";
+export * from "./forwardCallbackProps";

package/types/vuu-ui-controls/src/vuu-input/VuuInput.d.ts

@@ -0,0 +1,10 @@
+import { InputProps } from "@salt-ds/core";
+import { SyntheticEvent } from "react";
+export interface VuuInputProps extends InputProps {
+    onCommit: (evt: SyntheticEvent<HTMLInputElement>) => void;
+}
+/**
+ * A variant of Salt Input that provides a commit callback prop,
+ * TODO along with cancel behaviour ?
+ */
+export declare const VuuInput: ({ className, onCommit, onKeyDown, ...props }: VuuInputProps) => JSX.Element;

package/types/vuu-ui-controls/src/vuu-input/index.d.ts

@@ -0,0 +1 @@
+export * from "./VuuInput";

package/types/vuu-utils/src/DataWindow.d.ts

@@ -0,0 +1,39 @@
+export type DataItem = string | number | boolean;
+export type DataRow = [
+    /** index */
+    number,
+    /** render index */
+    number,
+    /** isLeaf */
+    boolean,
+    /** isExpanded */
+    boolean,
+    /** depth  */
+    number,
+    /** child count */
+    number,
+    /** key  */
+    string,
+    /** selected */
+    number,
+    /** data values  */
+    ...DataItem[]
+];
+export type RangeLike = {
+    from: number;
+    to: number;
+};
+export declare class DataWindow {
+    private range;
+    data: DataRow[];
+    rowCount: number;
+    constructor({ from, to }: RangeLike);
+    setRowCount: (rowCount: number) => void;
+    add(data: DataRow): boolean;
+    getAtIndex(index: number): DataRow | undefined;
+    getByKey(key: string): DataRow | undefined;
+    isWithinRange(index: number): boolean;
+    setRange(from: number, to: number): void;
+    hasData(from: number, to: number): boolean;
+    getData(from: number, to: number): any[];
+}

package/types/vuu-utils/src/array-utils.d.ts

@@ -0,0 +1,6 @@
+export type PartitionTest<T> = (value: T, index: number) => boolean;
+export declare function partition<T>(array: T[], test: PartitionTest<T>, pass?: T[], fail?: T[]): [T[], T[]];
+export declare function itemsChanged<T = unknown>(currentItems: T[], newItems: T[], identityProperty?: string): boolean;
+export declare function itemsOrOrderChanged<T = unknown>(currentItems: T[], newItems: T[], identityProperty?: string): boolean;
+export declare const moveItemDeprecated: <T = unknown>(items: T[], item: T, moveTo: number) => T[];
+export declare const moveItem: <T = unknown>(items: T[], fromIndex: number, toIndex: number) => T[];

package/types/vuu-utils/src/box-utils.d.ts

@@ -0,0 +1,9 @@
+export interface rect {
+    bottom: number;
+    left: number;
+    right: number;
+    top: number;
+}
+export type rectTuple = [number, number, number, number];
+export type dimension = "width" | "height";
+export declare function boxContainsPoint(rect: rect, x: number, y: number): boolean | undefined;