@vuu-ui/vuu-ui-controls 3.5.5 → 3.5.6

package/types/src/drag-drop/drop-target-utils.d.ts

@@ -1,82 +0,0 @@
-import { orientationType } from "@vuu-ui/vuu-utils";
-import { ViewportRange } from "./dragDropTypes";
-import { Direction, Rect } from "./dragDropTypes";
-export declare const NOT_OVERFLOWED = ":not(.wrapped)";
-export declare const NOT_HIDDEN = ":not([aria-hidden=\"true\"])";
-export type MeasuredDropTarget = {
-    /**
-      The index position currently occupied by this item. If draggable
-      is dropped here, this will be the destination drop position.
-    */
-    currentIndex: number;
-    element: HTMLElement;
-    id: string;
-    index: number;
-    isDraggedItem: boolean;
-    isExternal?: boolean;
-    isLast?: boolean;
-    isOverflowIndicator?: boolean;
-    start: number;
-    end: number;
-    mid: number;
-    size: number;
-};
-export type targetType = {
-    element: HTMLElement | null;
-    index: number;
-    isLast?: boolean;
-};
-/** clones and removes id */
-export declare const cloneElement: <T extends HTMLElement>(element: T) => T;
-type MousePosKey = keyof Pick<MouseEvent, "clientX" | "clientY">;
-type DOMRectKey = keyof Omit<DOMRect, "toJSON">;
-type DOMRectDimensionKey = keyof Pick<DOMRect, "width" | "height">;
-type Dimension = keyof Pick<DOMRect, "width" | "height">;
-type ElementDimension = keyof Pick<HTMLElement, "scrollHeight" | "scrollWidth" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft">;
-type ElementPosition = "x" | "y";
-export declare const measureElementSizeAndPosition: (element: HTMLElement, dimension?: Dimension, includeAutoMargin?: boolean) => number[];
-export declare const dimensions: (orientation: orientationType) => {
-    CLIENT_POS: MousePosKey;
-    CLIENT_SIZE: ElementDimension;
-    CONTRA: DOMRectKey;
-    CONTRA_CLIENT_POS: MousePosKey;
-    CONTRA_END: DOMRectDimensionKey;
-    CONTRA_POS: ElementPosition;
-    DIMENSION: DOMRectDimensionKey;
-    END: DOMRectKey;
-    POS: ElementPosition;
-    SCROLL_POS: ElementDimension;
-    SCROLL_SIZE: ElementDimension;
-    START: DOMRectKey;
-} | {
-    CLIENT_POS: MousePosKey;
-    CLIENT_SIZE: ElementDimension;
-    CONTRA: DOMRectKey;
-    CONTRA_CLIENT_POS: MousePosKey;
-    CONTRA_END: DOMRectDimensionKey;
-    CONTRA_POS: ElementPosition;
-    DIMENSION: DOMRectDimensionKey;
-    END: DOMRectKey;
-    POS: ElementPosition;
-    SCROLL_POS: ElementDimension;
-    SCROLL_SIZE: ElementDimension;
-    START: DOMRectKey;
-};
-export declare const getItemById: (measuredItems: MeasuredDropTarget[], id: string) => MeasuredDropTarget | undefined;
-export declare const removeDraggedItem: (measuredItems: MeasuredDropTarget[], index: number) => void;
-export type dropZone = "start" | "end";
-export declare const measureDropTargets: (container: HTMLElement, orientation: orientationType, itemQuery?: string, viewportRange?: ViewportRange, draggedItemId?: string) => MeasuredDropTarget[];
-export declare const getIndexOfDraggedItem: (dropTargets: MeasuredDropTarget[]) => number;
-export declare const mutateDropTargetsSwitchDropTargetPosition: (dropTargets: MeasuredDropTarget[], direction: Direction) => void;
-export declare const getNextDropTarget: (dropTargets: MeasuredDropTarget[], pos: number, draggedItemSize: number, mouseMoveDirection: Direction) => MeasuredDropTarget;
-/**
- * An item within a scrollable container might have a width or height greater than that of
- * the container. If we drag such an item, we don't want the draggable to be larger than
- * the container.
- */
-export declare function constrainRect(targetRect: Rect, constraintRect: Rect): Rect;
-export declare const dropTargetsDebugString: (dropTargets: MeasuredDropTarget[]) => string;
-export declare const getItemParentContainer: (container: HTMLElement | null, itemQuery: string) => HTMLElement | null;
-export declare const getScrollableContainer: (container: HTMLElement | null, itemQuery: string) => HTMLElement | null;
-export declare const isContainerScrollable: (scrollableContainer: HTMLElement | null, orientation: orientationType) => boolean;
-export {};

package/types/src/drag-drop/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./dragDropTypes";
-export * from "./DragDropProvider";
-export * from "./DragDropState";
-export * from "./useDragDrop";
-export * from "./drop-target-utils";
-export * from "./useGlobalDragDrop";

package/types/src/drag-drop/useAutoScroll.d.ts

@@ -1,11 +0,0 @@
-import { RefObject } from "react";
-export type ScrollStopHandler = (scrollDirection: "fwd" | "bwd", scrollPos: number, atEnd: boolean) => void;
-export declare const useAutoScroll: ({ containerRef, onScrollingStopped, orientation, }: {
-    containerRef: RefObject<HTMLElement | null>;
-    onScrollingStopped?: ScrollStopHandler;
-    orientation?: "horizontal" | "vertical";
-}) => {
-    isScrolling: RefObject<boolean>;
-    startScrolling: (direction: "fwd" | "bwd", scrollRate: number, scrollUnit?: number) => void;
-    stopScrolling: (atEnd?: boolean) => void;
-};

package/types/src/drag-drop/useDragDisplacers.d.ts

@@ -1,17 +0,0 @@
-import type { orientationType } from "@vuu-ui/vuu-utils";
-import { Direction } from "./dragDropTypes";
-import { MeasuredDropTarget } from "./drop-target-utils";
-export type DragDisplacersHookResult = {
-    displaceItem: (dropTargets: MeasuredDropTarget[], dropTarget: MeasuredDropTarget, size: number, useTransition?: boolean, direction?: Direction | "static", orientation?: "horizontal" | "vertical") => number;
-    displaceLastItem: (dropTargets: MeasuredDropTarget[], dropTarget: MeasuredDropTarget, size: number, useTransition?: boolean, direction?: Direction | "static", orientation?: "horizontal" | "vertical") => number;
-    clearSpacers: (useAnimation?: boolean) => void;
-    /** Insert the sized spacer at start or end of collection */
-    setTerminalSpacer: (container: HTMLElement, position: "start" | "end", size: number) => void;
-};
-export type DragDisplacersHook = (orientation: orientationType) => DragDisplacersHookResult;
-/**
- * Manage a pair of displacer elements to smoothly display a moving gap between
- * list items of any kind. Designed to be used in a drag drop operation. The 'static'
- * direction option should be used at drag start or following scroll.
- */
-export declare const useDragDisplacers: DragDisplacersHook;

package/types/src/drag-drop/useDragDrop.d.ts

@@ -1,2 +0,0 @@
-import { DragDropHook } from "./dragDropTypes";
-export declare const useDragDrop: DragDropHook;

package/types/src/drag-drop/useDragDropCopy.d.ts

@@ -1,6 +0,0 @@
-import type { InternalDragDropProps, InternalDragHookResult } from "./dragDropTypes";
-export declare const NULL_DROP_OPTIONS: {
-    readonly fromIndex: -1;
-    readonly toIndex: -1;
-};
-export declare const useDragDropCopy: ({ selected, viewportRange, }: InternalDragDropProps) => InternalDragHookResult;

package/types/src/drag-drop/useDragDropIndicator.d.ts

@@ -1,2 +0,0 @@
-import { InternalDragDropProps, InternalDragHookResult } from "./dragDropTypes";
-export declare const useDragDropIndicator: ({ orientation, containerRef, itemQuery, selected, viewportRange, }: InternalDragDropProps) => InternalDragHookResult;

package/types/src/drag-drop/useDragDropNaturalMovement.d.ts

@@ -1,2 +0,0 @@
-import { InternalDragDropProps, InternalDragHookResult } from "./dragDropTypes";
-export declare const useDragDropNaturalMovement: ({ containerRef, orientation, itemQuery, selected, viewportRange, }: InternalDragDropProps) => InternalDragHookResult;

package/types/src/drag-drop/useDropIndicator.d.ts

@@ -1,8 +0,0 @@
-import { dropZone, MeasuredDropTarget } from "./drop-target-utils";
-export declare const SPACER_SIZE = 0;
-export type DropIndicatorHookResult = {
-    positionDropIndicator: (dropTarget: MeasuredDropTarget, dropZone: dropZone) => HTMLElement;
-    clearSpacer: () => void;
-};
-export type DropIndicatorHook = () => DropIndicatorHookResult;
-export declare const useDropIndicator: DropIndicatorHook;

package/types/src/drag-drop/useGlobalDragDrop.d.ts

@@ -1,11 +0,0 @@
-import { MeasuredTarget } from "./DragDropProvider";
-import { DragDropState } from "./DragDropState";
-export type ResumeDragHandler = (dragDropState: DragDropState) => boolean;
-export type GlobalDropHandler = (dragDropState: DragDropState) => void;
-export declare const useGlobalDragDrop: ({ onDragOverDropTarget, onDrop, }: {
-    onDragOverDropTarget: (dropTargetId: string, dragDropState: DragDropState) => boolean;
-    onDrop: (dropTargetId: string, dragDropState: DragDropState) => void;
-}) => {
-    measuredDropTargetsRef: import("react").RefObject<Record<string, MeasuredTarget> | undefined>;
-    resumeDrag: ResumeDragHandler;
-};

package/types/src/drag-drop/useTransition.d.ts

@@ -1,3 +0,0 @@
-export declare const useTransition: () => {
-    applyTransition: (element: HTMLElement, property: string, value: string) => void;
-};

package/types/src/editable/index.d.ts

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

package/types/src/editable/useEditableText.d.ts

@@ -1,21 +0,0 @@
-import { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
-import type { RuntimeColumnDescriptor, TableCellEditHandler } from "@vuu-ui/vuu-table-types";
-import { FocusEventHandler, FormEventHandler, KeyboardEvent } from "react";
-export interface EditableTextHookProps<T extends VuuRowDataItemType = VuuRowDataItemType> {
-    column: Pick<RuntimeColumnDescriptor, "clientSideEditValidationCheck" | "label" | "name">;
-    value?: T;
-    onEdit?: TableCellEditHandler;
-    type?: "string" | "number" | "boolean";
-}
-export declare const useEditableText: <T extends string | number | boolean = string>({ column, value, onEdit, type, }: EditableTextHookProps<T>) => {
-    editing: boolean;
-    inputProps: {
-        onBlur: FocusEventHandler<HTMLElement>;
-        onFocus: FocusEventHandler<HTMLElement>;
-        onKeyDown: (evt: KeyboardEvent<HTMLElement>) => Promise<void>;
-    };
-    onChange: FormEventHandler;
-    previousValue: string | undefined;
-    value: string;
-    warningMessage: string | undefined;
-};

package/types/src/editable-label/EditableLabel.d.ts

@@ -1,19 +0,0 @@
-import { ForwardedRef, HTMLAttributes } from "react";
-export type ExitEditModeHandler = (originalLabel: string | undefined, editedLabel: string | undefined, allowDeactivation?: boolean, editCancelled?: boolean) => void;
-export interface EditAPI {
-    beginEdit: () => void;
-}
-export declare const NullEditAPI: EditAPI;
-export interface EditableLabelProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    className?: string;
-    defaultEditing?: boolean;
-    defaultValue?: string;
-    editLabelApiRef?: ForwardedRef<EditAPI>;
-    editing?: boolean;
-    onEnterEditMode?: () => void;
-    onChange?: (value: string) => void;
-    onExitEditMode: ExitEditModeHandler;
-    defaultIsEditing?: boolean;
-    value?: string;
-}
-export declare const EditableLabel: import("react").ForwardRefExoticComponent<EditableLabelProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/editable-label/index.d.ts

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

package/types/src/expando-input/ExpandoInput.d.ts

@@ -1,6 +0,0 @@
-import { CommitHandler } from "@vuu-ui/vuu-utils";
-import { VuuInputProps } from "../vuu-input";
-export interface ExpandoInputProps extends Omit<VuuInputProps, "onCommit"> {
-    onCommit?: CommitHandler;
-}
-export declare const ExpandoInput: import("react").ForwardRefExoticComponent<ExpandoInputProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/expando-input/index.d.ts

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

package/types/src/highlighter/Highlighter.d.ts

@@ -1,6 +0,0 @@
-import { ReactElement } from "react";
-export interface HighlighterProps {
-    matchPattern?: RegExp | string;
-    text?: string;
-}
-export declare const Highlighter: (props: HighlighterProps) => ReactElement<HighlighterProps>;

package/types/src/highlighter/index.d.ts

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

package/types/src/hover-overlay/HoverOverlay.d.ts

@@ -1,8 +0,0 @@
-import { OverlayProps } from "@salt-ds/core";
-import { ReactNode } from "react";
-export interface HoverOverlayProps extends Pick<OverlayProps, "placement" | "onOpenChange"> {
-    children: ReactNode;
-    open?: boolean;
-    trigger: ReactNode;
-}
-export declare const HoverOverlay: ({ children, open: openProp, onOpenChange, placement, trigger, }: HoverOverlayProps) => import("react").JSX.Element;

package/types/src/icon-button/Icon.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from "react";
-export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
-    name: string;
-    size?: number;
-}
-export declare const Icon: ({ className, name, size, style: styleProp, ...htmlAttributes }: IconProps) => import("react").JSX.Element;

package/types/src/icon-button/IconButton.d.ts

@@ -1,6 +0,0 @@
-import { ButtonProps } from "@salt-ds/core";
-export interface IconButtonProps extends Omit<ButtonProps, "children"> {
-    icon: string;
-    size?: number;
-}
-export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/types/src/icon-button/ToggleIconButton.d.ts

@@ -1,5 +0,0 @@
-import { IconButtonProps } from "./IconButton";
-export interface ToggleIconButtonProps extends Omit<IconButtonProps, "icon"> {
-    isExpanded: boolean;
-}
-export declare const ToggleIconButton: ({ className, isExpanded, size, ...props }: ToggleIconButtonProps) => import("react").JSX.Element;

package/types/src/icon-button/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Icon";
-export * from "./IconButton";
-export * from "./ToggleIconButton";

package/types/src/index.d.ts

@@ -1,33 +0,0 @@
-export * from "./calendar";
-export * from "./column-picker";
-export * from "./common-hooks";
-export { ContextPanelProvider, useContextPanel, useHideContextPanel, type ShowContextPanel, } from "./context-panel-provider/ContextPanelProvider";
-export * from "./cycle-state-button";
-export * from "./date-input";
-export * from "./date-picker";
-export * from "./drag-drop";
-export * from "./editable";
-export * from "./editable-label";
-export * from "./expando-input";
-export { HoverOverlay } from "./hover-overlay/HoverOverlay";
-export * from "./icon-button";
-export * from "./instrument-picker";
-export { ItemPicker, type ItemPickerProps } from "./item-picker/ItemPicker";
-export { type ItemDescriptor, type CreateCustomItemProps, } from "./item-picker/useItemPicker";
-export * from "./measured-container";
-export { ModalProvider, useModal } from "./modal-provider/ModalProvider";
-export * from "./overflow-container";
-export * from "./price-ticker";
-export { Prompt, type PromptProps } from "./prompt/Prompt";
-export { SortableList, SortableOption } from "./sortable-list/SortableList";
-export * from "./split-button";
-export * from "./table-search";
-export * from "./tabs-next";
-export * from "./tabstrip";
-export { TimeInput, type TimeInputProps } from "./time-input/TimeInput";
-export * from "./toolbar";
-export * from "./utils";
-export * from "./vuu-date-picker";
-export * from "./vuu-input";
-export { VuuTimePicker, type VuuTimePickerProps, } from "./vuu-time-picker/VuuTimePicker";
-export * from "./vuu-typeahead-input";

package/types/src/instrument-picker/SearchCell.d.ts

@@ -1,2 +0,0 @@
-import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const SearchCell: ({ column, dataRow }: TableCellRendererProps) => import("react").JSX.Element;

package/types/src/instrument-picker/TablePicker.d.ts

@@ -1,11 +0,0 @@
-import type { TableSchema } from "@vuu-ui/vuu-data-types";
-import { type TableProps } from "@vuu-ui/vuu-table";
-import { type HTMLAttributes } from "react";
-import { DataRow } from "@vuu-ui/vuu-table-types";
-export interface TablePickerProps extends Omit<HTMLAttributes<HTMLElement>, "onSelect">, Pick<TableProps, "onSelect"> {
-    TableProps?: Pick<TableProps, "config">;
-    rowToString?: (dataRow: DataRow) => string;
-    schema: TableSchema;
-    searchColumns?: string[];
-}
-export declare const TablePicker: ({ TableProps, onSelect, rowToString, schema, searchColumns, ...htmlAttributes }: TablePickerProps) => import("react").JSX.Element;

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

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

package/types/src/instrument-picker/moving-window.d.ts

@@ -1,14 +0,0 @@
-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/src/instrument-picker/useDataSource.d.ts

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

package/types/src/instrument-picker/useTablePicker.d.ts

@@ -1,47 +0,0 @@
-import { ChangeEvent, KeyboardEventHandler, RefCallback } from "react";
-import type { TableConfig, TableRowSelectHandler } from "@vuu-ui/vuu-table-types";
-import type { TablePickerProps } from "./TablePicker";
-export interface TablePickerHookProps extends Pick<TablePickerProps, "TableProps" | "onSelect" | "rowToString" | "schema" | "searchColumns"> {
-    defaultIsOpen?: boolean;
-    isOpen?: boolean;
-}
-export declare const useTablePicker: ({ TableProps, onSelect, rowToString, schema, searchColumns, }: TablePickerHookProps) => {
-    containerRef: RefCallback<HTMLDivElement>;
-    dataSource: import("@vuu-ui/vuu-data-types").DataSource;
-    highlightedIndex: number | undefined;
-    floatingUIProps: {
-        placement: import("@floating-ui/utils").Placement;
-        strategy: import("@floating-ui/utils").Strategy;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
-        isPositioned: boolean;
-        update: () => void;
-        floatingStyles: React.CSSProperties;
-        refs: {
-            reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
-            floating: React.MutableRefObject<HTMLElement | null>;
-            setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
-            setFloating: (node: HTMLElement | null) => void;
-        } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-        reference: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
-        floating: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
-        x: number;
-        y: number;
-    };
-    inputProps: {
-        inputProps: {
-            autoComplete: string;
-            onKeyDown: KeyboardEventHandler<HTMLElement>;
-        };
-        onChange: (evt: ChangeEvent<HTMLInputElement>) => void;
-    };
-    interactionPropGetters: import("@floating-ui/react").UseInteractionsReturn;
-    onKeyDown: KeyboardEventHandler<HTMLElement>;
-    open: boolean;
-    tableConfig: TableConfig;
-    tableHandlers: {
-        onSelect: TableRowSelectHandler;
-    };
-    tableRef: import("react").RefObject<HTMLDivElement | null>;
-    value: string;
-    width: number;
-};

package/types/src/item-picker/ItemPicker.d.ts

@@ -1,14 +0,0 @@
-import { ListBoxProps } from "@salt-ds/core";
-import { ItemTypeName } from "@vuu-ui/vuu-utils";
-import { HTMLAttributes } from "react";
-import { CreateCustomItemProps, ItemDescriptor, ItemPickerHookProps } from "./useItemPicker";
-export declare const classBaseListItem = "vuuItemPickerListItem";
-export interface ItemPickerProps extends ItemPickerHookProps, HTMLAttributes<HTMLDivElement>, Pick<ListBoxProps<ItemDescriptor>, "selected" | "onSelectionChange"> {
-    itemTypeName: ItemTypeName;
-    createCustomItemProps?: CreateCustomItemProps;
-}
-/** Generic controlled component that displays items in a 'picker' that are available to search, select, reorder or deselect.
- * As input props, all available items, currently selected items, search text and callback functions for changes in selected items and search text
- * must be supplied by the client.
- */
-export declare const ItemPicker: import("react").ForwardRefExoticComponent<ItemPickerProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/item-picker/useItemPicker.d.ts

@@ -1,35 +0,0 @@
-import { FormEventHandler, MouseEventHandler } from "react";
-/** This is a public description of an Item that can be displayed in the ItemPicker component, defining all the
- * mandatory and option attributes that can be defined by the client. */
-export interface ItemDescriptor {
-    /** Unique name for this data value */
-    name: string;
-    /** Optional label for display instead of the name */
-    label?: string;
-    /** Optional data-icon name for display of an icon to the left of the item label/name in the selected list */
-    icon?: string;
-    /** Optional string to define groups of items for client reference, not currently used for rendering */
-    group?: string;
-}
-export interface CreateCustomItemProps {
-    buttonLabel: string;
-    onClickCreateCustomItem: MouseEventHandler<HTMLButtonElement>;
-}
-export interface ItemPickerHookProps {
-    allItems: ItemDescriptor[];
-    selectedItems: ItemDescriptor[];
-    maxSelections?: number;
-    onSelectedItemsChange: (newSelectedItems: ItemDescriptor[]) => void;
-}
-export declare const getItemLabel: (item: ItemDescriptor) => string;
-export declare const useItemPicker: ({ allItems, selectedItems, maxSelections, onSelectedItemsChange, }: ItemPickerHookProps) => {
-    selectedItemsCount: number;
-    availableItemsCount: number;
-    selectedItemsFiltered: readonly ItemDescriptor[];
-    availableItemsFiltered: ItemDescriptor[];
-    searchText: string;
-    onChangeSearchInput: FormEventHandler;
-    onAddItemToSelectedList: MouseEventHandler<HTMLButtonElement>;
-    onRemoveItemFromSelectedList: MouseEventHandler<HTMLButtonElement>;
-    onReorderSelectedItems: (orderedItemNames: string[]) => void;
-};

package/types/src/measured-container/MeasuredContainer.d.ts

@@ -1,16 +0,0 @@
-import { HTMLAttributes } from "react";
-import { MeasuredSize } from "./useMeasuredContainer";
-export type ResizeStrategy = "defer" | "responsive";
-export interface MeasuredContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onResize"> {
-    /**
-     * A numeric value for height will result in a fixed height. To adapt to container
-     * use either a percentage height or 'auto'. Always use 'auto' when rendering
-     * within a column based flex container, together with a flex value (use the
-     * --vuuMeasuredContainer-flex CSS custom property))
-     */
-    height?: number | string;
-    onResize?: (size: MeasuredSize) => void;
-    resizeStrategy?: ResizeStrategy;
-    width?: number | string;
-}
-export declare const MeasuredContainer: import("react").ForwardRefExoticComponent<MeasuredContainerProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/measured-container/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./MeasuredContainer";
-export * from "./useMeasuredContainer";

package/types/src/measured-container/useMeasuredContainer.d.ts

@@ -1,23 +0,0 @@
-import { CSSProperties, RefObject } from "react";
-import { MeasuredContainerProps } from "./MeasuredContainer";
-export interface ClientSize {
-    clientHeight: number;
-    clientWidth: number;
-}
-export interface MeasuredProps extends Pick<MeasuredContainerProps, "height" | "onResize" | "resizeStrategy" | "width"> {
-    defaultHeight?: number;
-    defaultWidth?: number;
-}
-export type CssSize = Pick<CSSProperties, "height" | "width">;
-export interface MeasuredSize {
-    height: number;
-    width: number;
-}
-export interface MeasuredContainerHookResult {
-    containerRef: RefObject<HTMLDivElement | null>;
-    cssSize: CssSize;
-    outerSize: CssSize;
-    innerSize?: MeasuredSize;
-}
-export declare const reduceSizeHeight: (size: MeasuredSize, value: number) => MeasuredSize;
-export declare const useMeasuredContainer: ({ defaultHeight, defaultWidth, height, onResize: onResizeProp, resizeStrategy, width, }: MeasuredProps) => MeasuredContainerHookResult;

package/types/src/modal-provider/ModalProvider.d.ts

@@ -1,13 +0,0 @@
-import { ReactElement, ReactNode } from "react";
-import { PromptProps } from "../prompt/Prompt";
-export type ShowDialog = (dialogContent: ReactElement, title: string, dialogActionButtons?: ReactElement[], hideCloseButton?: boolean) => void;
-export type ShowPrompt = (promptContent: ReactElement, promptProps: PromptProps) => void;
-export declare const ModalProvider: ({ children }: {
-    children: ReactNode;
-}) => import("react").JSX.Element;
-export declare const useModal: () => {
-    showDialog: ShowDialog;
-    closeDialog: () => void;
-    showPrompt: ShowPrompt;
-    closePrompt: () => void;
-};

package/types/src/overflow-container/OverflowContainer.d.ts

@@ -1,15 +0,0 @@
-import { PopupMenuProps } from "@vuu-ui/vuu-popups";
-import { orientationType } from "@vuu-ui/vuu-utils";
-import React, { HTMLAttributes } from "react";
-import { OverflowItem } from "./overflow-utils";
-export interface OverflowContainerProps extends HTMLAttributes<HTMLDivElement> {
-    PopupMenuProps?: Partial<PopupMenuProps>;
-    allowDragDrop?: boolean;
-    debugId?: string;
-    onMoveItem?: (fromIndex: number, toIndex: number) => void;
-    onSwitchWrappedItemIntoView?: (overflowItem: OverflowItem) => void;
-    orientation?: orientationType;
-    overflowIcon?: string;
-    overflowPosition?: "start" | "end" | number;
-}
-export declare const OverflowContainer: React.ForwardRefExoticComponent<OverflowContainerProps & React.RefAttributes<HTMLDivElement>>;

package/types/src/overflow-container/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./OverflowContainer";
-export * from "./overflow-utils";

package/types/src/overflow-container/overflow-utils.d.ts

@@ -1,48 +0,0 @@
-import { orientationType } from "@vuu-ui/vuu-utils";
-export type OverflowItem = {
-    index: string;
-    label: string;
-    overflowPriority: string;
-};
-export declare const sortByScreenOrder: (elements: HTMLElement[]) => HTMLElement[];
-export declare const NO_WRAPPED_ITEMS: OverflowItem[];
-/**
-    Identify wrapped items by comparing position of each item. Any item
-    not to the right of preceeding item has wrapped. Note: on-screen
-    position of items does not necessarily match document position, due
-    to use of css order. This is taken into account by sorting.
-    TODO support Vertical orientation
- */
-export declare const getNonWrappedAndWrappedItems: (container: HTMLElement, orientation: orientationType) => [OverflowItem[], OverflowItem[]];
-export declare const applyOverflowClassToWrappedItems: (container: HTMLElement, overflowedItems: OverflowItem[], classBase?: string) => void;
-export declare const overflowIndicatorHasWrappedButShouldNotHave: (wrappedItems: OverflowItem[]) => boolean;
-export declare const highPriorityItemsHaveWrappedButShouldNotHave: (nonWrappedItems: OverflowItem[], wrappedItems: OverflowItem[]) => boolean;
-/**
-  An edge case that may occur when reducing width from unwrapped to
-  wrapped, or on first render.
-  We overflow one or more items. Then, when the overflowIndicator assumes
-  full width, it may itself overflow.
-*/
-export declare const correctForWrappedOverflowIndicator: (container: HTMLElement, overflowedItems: OverflowItem[], orientation: orientationType) => Promise<OverflowItem[]>;
-/**
-  An edge case that may occur when reducing width from unwrapped to
-  wrapped, or on first render.
-  We overflow one or more items. Then, when the overflowIndicator assumes
-  full width, it may itself overflow.
-*/
-export declare const correctForWrappedHighPriorityItems: (container: HTMLElement, nonWrapped: OverflowItem[], wrapped: OverflowItem[], orientation: orientationType) => Promise<[OverflowItem[], OverflowItem[]]>;
-export declare const markElementAsWrapped: (container: HTMLElement, item: OverflowItem) => void;
-export declare const getElementsMarkedAsWrapped: (container: HTMLElement) => HTMLElement[];
-export declare const unmarkItemsWhichAreNoLongerWrapped: (container: HTMLElement, wrappedItems: OverflowItem[]) => void;
-/**
-    An edge case. If container has grown but we still have one
-    wrapped item - could the wrapped item return to the fold if the overflow
-    indicaor were removed ?
- */
-export declare const removeOverflowIndicatorIfNoLongerNeeded: (container: HTMLElement, orientation: orientationType) => boolean;
-/**
- * This is used both when an overflow menu is used to select an overflowed item
- * and when a high priority item has overflowed, whilst lower priority items
- * remain in view.
- */
-export declare const switchWrappedItemIntoView: (container: HTMLElement, overflowItem: OverflowItem, orientation: orientationType) => [OverflowItem[], OverflowItem[]];

package/types/src/overflow-container/useOverflowContainer.d.ts

@@ -1,19 +0,0 @@
-import { OverflowItem } from "./overflow-utils";
-import { OverflowContainerProps } from "./OverflowContainer";
-import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-context-menu";
-export interface OverflowContainerHookProps extends Pick<OverflowContainerProps, "allowDragDrop" | "onMoveItem">, Required<Pick<OverflowContainerProps, "orientation">> {
-    itemCount: number;
-    onSwitchWrappedItemIntoView?: (overflowItem: OverflowItem) => void;
-}
-export declare const useOverflowContainer: ({ allowDragDrop, itemCount, onMoveItem, onSwitchWrappedItemIntoView, orientation, }: OverflowContainerHookProps) => {
-    draggable?: import("react").ReactElement;
-    dropIndicator?: import("react").ReactElement;
-    draggedItemIndex?: number;
-    isDragging: boolean;
-    isScrolling: import("react").RefObject<boolean>;
-    revealOverflowedItems?: boolean;
-    menuActionHandler: MenuActionHandler;
-    menuBuilder: MenuBuilder;
-    onItemMouseDown: import("react").MouseEventHandler | undefined;
-    rootRef: (el: HTMLDivElement | null) => void;
-};

package/types/src/price-ticker/PriceTicker.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes } from "react";
-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) => import("react").JSX.Element>;

package/types/src/price-ticker/index.d.ts

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