@vuu-ui/vuu-ui-controls 0.8.10-debug → 0.8.11-debug

package/types/instrument-picker/index.d.ts

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

package/types/{vuu-ui-controls/src/instrument-search → instrument-picker}/useDataSource.d.ts

@@ -1,5 +1,5 @@
 import { DataSource } from "@vuu-ui/vuu-data";
-import { DataSourceRow } from "packages/vuu-data-types";
+import { DataSourceRow } from "@vuu-ui/vuu-data-types";
 export interface DataSourceHookProps {
     dataSource: DataSource;
     instruments: string[];

package/types/instrument-picker/useInstrumentPicker.d.ts

@@ -0,0 +1,24 @@
+import { DataSource } from "@vuu-ui/vuu-data";
+import { TableRowSelectHandler } from "@vuu-ui/vuu-table";
+import { ColumnMap } from "@vuu-ui/vuu-utils";
+import { ChangeEvent } from "react";
+export interface InstrumentPickerHookProps {
+    columnMap: ColumnMap;
+    dataSource: DataSource;
+    defaultIsOpen?: boolean;
+    isOpen?: boolean;
+    onSelect: TableRowSelectHandler;
+    searchColumns: string[];
+}
+export declare const useInstrumentPicker: ({ columnMap, dataSource, defaultIsOpen, isOpen: isOpenProp, onSelect, searchColumns, }: InstrumentPickerHookProps) => {
+    controlProps: {};
+    inputProps: {
+        onChange: (evt: ChangeEvent<HTMLInputElement>) => void;
+    };
+    isOpen: boolean;
+    onOpenChange: (open: any) => void;
+    tableHandlers: {
+        onSelect: TableRowSelectHandler;
+    };
+    value: string;
+};

package/types/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/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/instrument-search/useDataSource.d.ts

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

package/types/list/List.d.ts

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

package/types/list/common-hooks/useKeyboardNavigation.d.ts

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

package/types/list/common-hooks/utils/isSelected.d.ts

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

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

@@ -1,6 +1,6 @@
 import React, { FocusEventHandler, ForwardedRef, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEventHandler, PropsWithChildren, Ref, RefObject } from "react";
 import { ScrollingAPI, ViewportTrackingResult } from "./common-hooks";
-import { CollectionHookResult, ListHandlers, NavigationHookResult, SelectHandler, SelectionChangeHandler, SelectionHookResult, SelectionProps, SelectionStrategy } from "../common-hooks";
+import { CollectionHookResult, ComponentSelectionProps, ListHandlers, NavigationHookResult, SelectionHookResult, 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;
@@ -32,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>, "onDragStart" | "onDrop" | "onSelect" | "defaultValue"> {
+export interface ListProps<Item = string, S extends SelectionStrategy = "default"> extends ComponentSelectionProps<Item, S>, 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.
@@ -146,11 +146,6 @@ export interface ListProps<Item = string, Selection extends SelectionStrategy =
      */
     restoreLastFocus?: boolean;
     scrollingApiRef?: ForwardedRef<ScrollingAPI<Item>>;
-    /**
-     * The keyboard keys used to effect selection, defaults to SPACE and ENTER
-     * TODO maybe this belongs on the SelectionProps interface ?
-     */
-    selectionKeys?: string[];
     showEmptyMessage?: boolean;
     source?: ReadonlyArray<Item>;
     stickyHeaders?: boolean;
@@ -176,11 +171,12 @@ export interface ListControlProps {
     onMouseDownCapture: MouseEventHandler;
     onMouseLeave: MouseEventHandler;
 }
-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"> {
+export interface ListHookProps<Item = string, S extends SelectionStrategy = "default"> extends Pick<ListProps<Item, S>, "allowDragDrop" | "collapsibleHeaders" | "disabled" | "id" | "onDragStart" | "onDrop" | "onHighlight" | "onMoveListItem" | "onSelect" | "onSelectionChange" | "restoreLastFocus" | "selectionKeys" | "selectionStrategy" | "stickyHeaders" | "tabToSelect"> {
     collectionHook: CollectionHookResult<Item>;
     containerRef: RefObject<HTMLElement>;
     contentRef?: RefObject<HTMLElement>;
     defaultHighlightedIndex?: number;
+    defaultSelected?: string[];
     disableAriaActiveDescendant?: boolean;
     disableHighlightOnFocus?: boolean;
     disableTypeToSelect?: boolean;
@@ -190,13 +186,11 @@ export interface ListHookProps<Item, Selection extends SelectionStrategy> extend
     listHandlers?: ListHandlers;
     onKeyboardNavigation?: (event: React.KeyboardEvent, currentIndex: number) => void;
     onKeyDown?: (evt: KeyboardEvent) => void;
-    onSelect?: SelectHandler<Item>;
-    onSelectionChange?: SelectionChangeHandler<Item, Selection>;
     scrollContainerRef?: RefObject<HTMLElement>;
-    selectionKeys?: string[];
+    selected?: string[];
     viewportRange?: ViewportRange;
 }
-export interface ListHookResult<Item, Selection extends SelectionStrategy> extends Partial<ViewportTrackingResult<Item>>, Pick<SelectionHookResult<Selection>, "selected" | "setSelected">, Partial<Omit<NavigationHookResult, "listProps">>, Omit<DragHookResult, "isDragging" | "isScrolling"> {
+export interface ListHookResult<Item> extends Partial<ViewportTrackingResult<Item>>, Pick<SelectionHookResult, "selected" | "setSelected">, Partial<Omit<NavigationHookResult, "listProps">>, Omit<DragHookResult, "isDragging" | "isScrolling"> {
     keyboardNavigation: RefObject<boolean>;
     listHandlers: ListHandlers;
     listItemHeaderHandlers: Partial<ListHandlers>;

package/types/list/useList.d.ts

@@ -0,0 +1,3 @@
+import { SelectionStrategy } from "../common-hooks";
+import { ListHookProps, ListHookResult } from "./listTypes";
+export declare const useList: <Item, S extends SelectionStrategy>({ 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, S>) => ListHookResult<Item>;

package/types/list/useListDrop.d.ts

@@ -0,0 +1,15 @@
+import { CollectionHookResult } from "../common-hooks";
+import { DropHandler } from "../drag-drop";
+import { MoveItemHandler } from "./listTypes";
+export interface ListDropProps<Item = string> {
+    dataHook: CollectionHookResult<Item>;
+    onDrop?: DropHandler;
+    onMoveListItem?: MoveItemHandler;
+    selected: string[];
+    setHighlightedIndex: (idx: number) => void;
+    setSelected: (selected: string[]) => void;
+}
+export declare const useListDrop: <Item>({ dataHook, onDrop, onMoveListItem, selected, setHighlightedIndex, setSelected, }: ListDropProps<Item>) => {
+    handleDrop: DropHandler;
+    onDropSettle: (toIndex: number) => void;
+};

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

@@ -1,4 +1,4 @@
-import { MenuActionHandler } from "packages/vuu-data-types";
+import { MenuActionHandler } from "@vuu-ui/vuu-data-types";
 import { KeyboardEvent, MouseEvent } from "react";
 import "./Tab.css";
 export declare const Tab: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onKeyUp" | "onClick"> & {

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

@@ -1,4 +1,4 @@
-import { ContextMenuItemDescriptor } from "packages/vuu-data-types";
+import { ContextMenuItemDescriptor } from "@vuu-ui/vuu-data-types";
 export type MenuOptions = {
     [key: string]: unknown;
 };

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

@@ -1,7 +1,7 @@
 import type { AriaAttributes, HTMLAttributes, KeyboardEvent, MouseEvent, ReactElement } from "react";
 import { orientationType } from "@vuu-ui/vuu-utils";
 import type { EditableLabelProps } from "../editable-label";
-import type { MenuActionHandler } from "packages/vuu-data-types";
+import type { MenuActionHandler } from "@vuu-ui/vuu-data-types";
 export type ExitEditModeHandler = (originalValue: string, editedValue: string, allowDeactivation: boolean, tabIndex: number) => void;
 export interface FocusAPI {
     focus: () => void;

package/types/vuu-input/VuuInput.d.ts

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

package/types/vuu-popups/src/dialog/Dialog.d.ts

@@ -1,8 +0,0 @@
-import { HTMLAttributes } from "react";
-import "./Dialog.css";
-export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
-    isOpen?: boolean;
-    onClose?: () => void;
-    hideCloseButton?: boolean;
-}
-export declare const Dialog: ({ children, className, isOpen, onClose, title, hideCloseButton, ...props }: DialogProps) => JSX.Element | null;

package/types/vuu-popups/src/dialog/index.d.ts

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

package/types/vuu-popups/src/index.d.ts

@@ -1,8 +0,0 @@
-export * from "./dialog";
-export * from "./menu";
-export * from "./popup";
-export * from "./popup-menu";
-export * from "./portal";
-export * from "./portal-deprecated";
-export * from "./prompt";
-export * from "./tooltip";

package/types/vuu-popups/src/menu/ContextMenu.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { MenuListProps } from "./MenuList";
-import { PopupCloseCallback } from "../popup";
-import "./ContextMenu.css";
-export interface ContextMenuProps extends Omit<MenuListProps, "onCloseMenu"> {
-    onClose?: PopupCloseCallback;
-    position?: {
-        x: number;
-        y: number;
-    };
-    withPortal?: boolean;
-}
-export declare const ContextMenu: {
-    ({ activatedByKeyboard, children: childrenProp, className, id: idProp, onClose, position, style, ...menuListProps }: ContextMenuProps): JSX.Element;
-    displayName: string;
-};

package/types/vuu-popups/src/menu/MenuList.d.ts

@@ -1,43 +0,0 @@
-import React, { FC, HTMLAttributes, ReactElement, ReactNode } from "react";
-import "./MenuList.css";
-export declare const Separator: () => JSX.Element;
-export interface MenuItemGroupProps {
-    children: ReactElement<MenuItemProps>[] | [ReactElement<MenuItemLabelProps>, ...ReactElement<MenuItemProps>[]];
-    label?: string;
-}
-export interface MenuItemProps extends HTMLAttributes<HTMLDivElement> {
-    action?: string;
-    idx?: number;
-    options?: unknown;
-}
-export declare const MenuItemGroup: FC<MenuItemGroupProps>;
-export declare const MenuItem: {
-    ({ children, idx, ...props }: MenuItemProps): JSX.Element;
-    Label: {
-        ({ children }: {
-            children: ReactNode;
-        }): JSX.Element;
-        displayName: string;
-    };
-};
-export interface MenuItemLabelProps {
-    children: ReactNode;
-}
-export declare const isMenuItemLabel: (item: ReactNode) => item is React.ReactElement<MenuItemLabelProps, string | React.JSXElementConstructor<any>>;
-export interface MenuListProps extends HTMLAttributes<HTMLDivElement> {
-    activatedByKeyboard?: boolean;
-    children: ReactElement[];
-    childMenuShowing?: string;
-    defaultHighlightedIdx?: number;
-    highlightedIdx?: number;
-    isRoot?: boolean;
-    listItemProps?: Partial<MenuItemProps>;
-    onActivate?: (menuId: string) => void;
-    onCloseMenu: (idx: number) => void;
-    onOpenMenu?: (menuItemEl: HTMLElement) => void;
-    onHighlightMenuItem?: (idx: number) => void;
-}
-export declare const MenuList: {
-    ({ activatedByKeyboard, childMenuShowing, children, className, defaultHighlightedIdx, highlightedIdx: highlightedIdxProp, id: idProp, isRoot, listItemProps, onHighlightMenuItem, onActivate, onCloseMenu, onOpenMenu, ...props }: MenuListProps): JSX.Element;
-    displayName: string;
-};

package/types/vuu-popups/src/menu/context-menu-provider.d.ts

@@ -1,10 +0,0 @@
-import type { ContextMenuContextType, MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
-import { ReactNode } from "react";
-export declare const ContextMenuContext: import("react").Context<ContextMenuContextType | null>;
-export interface ContextMenuProviderProps {
-    children: ReactNode;
-    label?: string;
-    menuActionHandler?: MenuActionHandler;
-    menuBuilder: MenuBuilder;
-}
-export declare const ContextMenuProvider: ({ children, label, menuActionHandler, menuBuilder, }: ContextMenuProviderProps) => JSX.Element;

package/types/vuu-popups/src/menu/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./ContextMenu";
-export * from "./MenuList";
-export * from "./context-menu-provider";
-export * from "./useContextMenu";

package/types/vuu-popups/src/menu/key-code.d.ts

@@ -1,12 +0,0 @@
-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 }: {
-    key: string;
-}, orientation?: string) => boolean;

package/types/vuu-popups/src/menu/list-dom-utils.d.ts

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

package/types/vuu-popups/src/menu/use-cascade.d.ts

@@ -1,25 +0,0 @@
-import { MouseEvent } from "react";
-import { MenuItemProps } from "./MenuList";
-export type RuntimeMenuDescriptor = {
-    id: string;
-    left: number;
-    top: number;
-};
-export declare const getHostMenuId: (id: string, rootId: string) => string;
-export interface CascadeHookProps {
-    id: string;
-    onActivate: (menuId: string) => void;
-    onMouseEnterItem: (evt: MouseEvent, itemId: string) => void;
-    position: {
-        x: number;
-        y: number;
-    };
-}
-export interface CascadeHooksResult {
-    closeMenu: () => void;
-    handleRender: () => void;
-    listItemProps: Partial<MenuItemProps>;
-    openMenu: (menuItemEl: HTMLElement) => void;
-    openMenus: RuntimeMenuDescriptor[];
-}
-export declare const useCascade: ({ id: rootId, onActivate, onMouseEnterItem, position: { x: posX, y: posY }, }: CascadeHookProps) => CascadeHooksResult;

package/types/vuu-popups/src/menu/use-items-with-ids-next.d.ts

@@ -1,13 +0,0 @@
-import { ReactElement } from "react";
-export declare const isMenuItemGroup: (child: ReactElement) => boolean;
-type Menus = {
-    [key: string]: ReactElement[];
-};
-type Actions = {
-    [key: string]: {
-        action: string;
-        options?: unknown;
-    };
-};
-export declare const useItemsWithIdsNext: (childrenProp: ReactElement[], rootId: string) => [Menus, Actions];
-export {};

package/types/vuu-popups/src/menu/use-keyboard-navigation.d.ts

@@ -1,27 +0,0 @@
-import { FocusEvent, KeyboardEvent } from "react";
-export interface KeyboardNavigationProps {
-    autoHighlightFirstItem?: boolean;
-    count: number;
-    defaultHighlightedIdx?: number;
-    highlightedIndex?: number;
-    onActivate: (idx: number) => void;
-    onHighlight?: (idx: number) => void;
-    onCloseMenu: (idx: number) => void;
-    onOpenMenu?: (menuItemEl: HTMLElement) => void;
-}
-export interface KeyboardHookListProps {
-    onFocus: (evt: FocusEvent) => void;
-    onKeyDown: (evt: KeyboardEvent) => void;
-    onMouseDownCapture: () => void;
-    onMouseMove: () => void;
-    onMouseLeave: () => void;
-}
-export interface NavigationHookResult {
-    focusVisible: number;
-    controlledHighlighting: boolean;
-    highlightedIndex: number;
-    setHighlightedIndex: (idx: number) => void;
-    listProps: KeyboardHookListProps;
-    setIgnoreFocus: (ignoreFocus: boolean) => void;
-}
-export declare const useKeyboardNavigation: ({ autoHighlightFirstItem, count, defaultHighlightedIdx, highlightedIndex: highlightedIndexProp, onActivate, onHighlight, onCloseMenu, onOpenMenu, }: KeyboardNavigationProps) => NavigationHookResult;

package/types/vuu-popups/src/menu/useContextMenu.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
-import { ContextMenuProps } from "./ContextMenu";
-export type ContextMenuOptions = {
-    [key: string]: unknown;
-    contextMenu?: JSX.Element;
-    ContextMenuProps?: Partial<ContextMenuProps> & {
-        className?: string;
-        "data-mode"?: string;
-    };
-    controlledComponentId?: string;
-};
-export type EventLike = {
-    clientX: number;
-    clientY: number;
-    preventDefault?: () => void;
-    stopPropagation?: () => void;
-};
-export type ShowContextMenu = (e: EventLike, location: string, options: ContextMenuOptions) => void;
-export declare const useContextMenu: (menuBuilder?: MenuBuilder, menuActionHandler?: MenuActionHandler) => [ShowContextMenu, () => void];

package/types/vuu-popups/src/menu/utils.d.ts

@@ -1,2 +0,0 @@
-export declare const isRoot: (el: HTMLElement) => boolean;
-export declare const hasPopup: (el: HTMLElement, idx: number) => boolean;

package/types/vuu-popups/src/popup/Popup.d.ts

@@ -1,10 +0,0 @@
-import { HTMLAttributes, RefObject } from "react";
-import "./Popup.css";
-export type PopupPlacement = "below" | "below-center" | "below-full-width" | "center" | "right";
-export interface PopupComponentProps extends HTMLAttributes<HTMLDivElement> {
-    placement: PopupPlacement;
-    anchorElement: RefObject<HTMLElement>;
-    offsetLeft?: number;
-    offsetTop?: number;
-}
-export declare const PopupComponent: ({ children, className, anchorElement, placement, }: PopupComponentProps) => JSX.Element | null;

package/types/vuu-popups/src/popup/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./popup-service";
-export * from "./Popup";
-export * from "./useAnchoredPosition";

package/types/vuu-popups/src/popup/popup-service.d.ts

@@ -1,59 +0,0 @@
-import React, { ReactElement } from "react";
-import { ContextMenuOptions } from "../menu";
-import "./popup-service.css";
-export type PopupCloseCallback = (reason?: PopupCloseReason) => void;
-export type ClickAwayClosePopup = {
-    type: "click-away";
-    mouseEvt: MouseEvent;
-};
-export type EscapeClosePopup = {
-    type: "escape";
-    event: KeyboardEvent;
-};
-export type MenuActionClosePopup = {
-    menuId: string;
-    options: ContextMenuOptions;
-    type: "menu-action";
-};
-export type PopupCloseReason = ClickAwayClosePopup | EscapeClosePopup | MenuActionClosePopup;
-export declare const reasonIsMenuAction: (reason?: PopupCloseReason) => reason is MenuActionClosePopup;
-export declare const reasonIsClickAway: (reason?: PopupCloseReason) => reason is ClickAwayClosePopup;
-export interface ShowPopupProps {
-    depth?: number;
-    /**
-     * if true, focus will be invoked on first focusable element
-     */
-    focus?: boolean;
-    name?: string;
-    group?: string;
-    position?: "above" | "below" | "";
-    left?: number;
-    right?: "auto" | number;
-    top?: number;
-    component: ReactElement;
-    width?: number | "auto";
-}
-export declare class PopupService {
-    static onClose: PopupCloseCallback | undefined;
-    static showPopup({ group, name, left, position, right, top, width, component, }: ShowPopupProps): void;
-    static escapeKeyListener(evt: KeyboardEvent): void;
-    static hidePopup(reason?: PopupCloseReason, name?: string, group?: string): void;
-    static keepWithinThePage(el: HTMLElement, right?: number | "auto"): void;
-}
-export declare class DialogService {
-    static showDialog(dialog: ReactElement): void;
-    static closeDialog(): void;
-}
-export interface PopupProps {
-    children: ReactElement;
-    close?: boolean;
-    depth: number;
-    group?: string;
-    name: string;
-    position?: "above" | "below" | "";
-    width: number;
-}
-export declare const Popup: (props: PopupProps) => React.DetailedReactHTMLElement<{
-    className: string;
-    ref: React.RefObject<HTMLElement>;
-}, HTMLElement>;

package/types/vuu-popups/src/popup/useAnchoredPosition.d.ts

@@ -1,12 +0,0 @@
-import { RefObject } from "react";
-import { PopupPlacement } from "./Popup";
-export interface AnchoredPositionHookProps {
-    anchorElement: RefObject<HTMLElement>;
-    offsetLeft?: number;
-    offsetTop?: number;
-    placement: PopupPlacement;
-}
-export declare const useAnchoredPosition: ({ anchorElement, offsetLeft, offsetTop, placement, }: AnchoredPositionHookProps) => {
-    left: number;
-    top: number;
-} | undefined;

package/types/vuu-popups/src/popup-menu/PopupMenu.d.ts

@@ -1,16 +0,0 @@
-import { HTMLAttributes } from "react";
-import { PopupCloseReason } from "@vuu-ui/vuu-popups";
-import "./PopupMenu.css";
-import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
-export interface PopupMenuProps extends HTMLAttributes<HTMLButtonElement> {
-    icon?: string;
-    label?: string;
-    menuActionHandler?: MenuActionHandler;
-    menuBuilder?: MenuBuilder;
-    menuLocation?: string;
-    menuOptions?: {
-        [key: string]: unknown;
-    };
-    onMenuClose?: (reason?: PopupCloseReason) => void;
-}
-export declare const PopupMenu: ({ className, label, icon, id: idProp, menuActionHandler, menuBuilder, menuLocation, menuOptions, onMenuClose, tabIndex, ...htmlAttributes }: PopupMenuProps) => JSX.Element;

package/types/vuu-popups/src/popup-menu/index.d.ts

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

package/types/vuu-popups/src/portal/Portal.d.ts

@@ -1,30 +0,0 @@
-import { ReactNode } from "react";
-import "./Portal.css";
-export interface PortalProps {
-    /**
-     * The children to render into the `container`.
-     */
-    children?: ReactNode;
-    /**
-     * An HTML element, component instance, or function that returns either.
-     * The `container` will have the portal children appended to it.
-     *
-     * By default, it uses the body of the top-level document object,
-     * so it's simply `document.body` most of the time.
-     */
-    container?: Element | (() => Element | null) | null;
-    /**
-     * If this node does not exist on the document, it will be created for you.
-     */
-    id?: string;
-    /**
-     * Allow conditional rendering of this Portal, if false, will render nothing.
-     * Defaults to true
-     */
-    open?: boolean;
-}
-/**
- * Portals provide a first-class way to render children into a DOM node
- * that exists outside the DOM hierarchy of the parent component.
- */
-export declare const Portal: ({ children, container: containerProp, id, open, }: PortalProps) => import("react").ReactPortal | null;

package/types/vuu-popups/src/portal/index.d.ts

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

package/types/vuu-popups/src/portal-deprecated/PortalDeprecated.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement } from "react";
-export interface PortalDeprecatedProps {
-    children: ReactElement;
-    onRender?: () => void;
-    x?: number;
-    y?: number;
-}
-export declare const PortalDeprecated: ({ children, x, y, onRender, }: PortalDeprecatedProps) => null;

package/types/vuu-popups/src/portal-deprecated/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./PortalDeprecated";
-export * from "./render-portal";
-export * from "./portal-utils";

package/types/vuu-popups/src/portal-deprecated/portal-utils.d.ts

@@ -1 +0,0 @@
-export declare const installTheme: (themeId: string) => void;

package/types/vuu-popups/src/portal-deprecated/render-portal.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from "react";
-export interface HTMLContainerProps {
-    className?: string;
-    dataMode?: string;
-    x?: number;
-    y?: number;
-    win?: typeof globalThis;
-}
-export declare const createContainer: (props: HTMLContainerProps) => HTMLDivElement;
-export declare const renderPortal: (component: ReactElement, container: HTMLElement, x: number, y: number, onRender?: () => void) => void;

package/types/vuu-popups/src/prompt/Prompt.d.ts

@@ -1,14 +0,0 @@
-import { HTMLAttributes } from "react";
-import { PopupComponentProps } from "../popup";
-import "./Prompt.css";
-export interface PromptProps extends HTMLAttributes<HTMLDialogElement> {
-    PopupProps?: Partial<PopupComponentProps>;
-    cancelButtonLabel?: string;
-    confirmButtonLabel?: string;
-    onCancel: () => void;
-    onConfirm: () => void;
-    icon?: string;
-    text: string;
-    variant?: "warn" | "error" | "info";
-}
-export declare const Prompt: ({ PopupProps, cancelButtonLabel, confirmButtonLabel, icon, onCancel, onConfirm, style, text, title, variant, ...htmlAttributes }: PromptProps) => JSX.Element;

package/types/vuu-popups/src/prompt/index.d.ts

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

package/types/vuu-popups/src/tooltip/Tooltip.d.ts

@@ -1,12 +0,0 @@
-import { MouseEventHandler, ReactNode, RefObject } from "react";
-import { TooltipPlacement } from "./useAnchoredPosition";
-import "./Tooltip.css";
-export interface TooltipProps {
-    anchorElement: RefObject<HTMLElement>;
-    children: ReactNode;
-    id?: string;
-    onMouseEnter: MouseEventHandler;
-    onMouseLeave: MouseEventHandler;
-    placement: TooltipPlacement;
-}
-export declare const Tooltip: ({ anchorElement, children, id, onMouseEnter, onMouseLeave, placement, }: TooltipProps) => JSX.Element | null;