@vuu-ui/vuu-ui-controls 4.0.0-alpha.9 → 4.0.0-beta.2

package/types/src/common-hooks/selectionTypes.d.ts

@@ -1,70 +0,0 @@
-import { MouseEventHandler, RefObject, SyntheticEvent } from "react";
-export type SelectionDisallowed = "none";
-export type SingleSelectionStrategy = "default" | "deselectable";
-export type MultiSelectionStrategy = "multiple" | "extended" | "extended-multi-range";
-/**
- * SpecialKeyMultiple works as deselectable unless a special key
- * (default SHIFT) is also pressed, then it allows multiple selection.
- * Useful for column sorting, filters etc
- */
-export type SpecialKeyMultipleSelection = "multiple-special-key";
-export type SelectionStrategy = SelectionDisallowed | SingleSelectionStrategy | MultiSelectionStrategy;
-export declare const isSingleSelection: (s?: SelectionStrategy) => s is SingleSelectionStrategy;
-export declare const isMultiSelection: (s?: SelectionStrategy) => s is MultiSelectionStrategy;
-export type SelectHandler<Item = string> = (event: SyntheticEvent, selectedItem: Item) => void;
-export declare const selectionIsDisallowed: (selection?: SelectionStrategy | SpecialKeyMultipleSelection) => selection is SelectionDisallowed;
-export declare const allowMultipleSelection: (selectionStrategy: SelectionStrategy | SpecialKeyMultipleSelection, specialKey?: boolean) => boolean;
-export declare const deselectionIsAllowed: (selection?: SelectionStrategy | SpecialKeyMultipleSelection) => selection is "deselectable" | MultiSelectionStrategy;
-export declare const hasSelection: <Item = unknown>(selected?: Item[]) => boolean;
-export declare const getFirstSelectedItem: <Item = unknown>(selected: Item[]) => Item;
-interface SelectionProps {
-    defaultSelected?: string[];
-    onSelect?: SelectHandler;
-    onSelectionChange?: MultiSelectionHandler;
-    selected?: string[];
-    selectionStrategy?: SelectionStrategy;
-}
-export interface ListHandlers {
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    onKeyboardNavigation?: (event: React.KeyboardEvent, currentIndex: number) => void;
-    onMouseMove?: (event: React.MouseEvent) => void;
-}
-export interface SelectionHookProps extends SelectionProps {
-    containerRef: RefObject<HTMLElement | null>;
-    disableSelection?: boolean;
-    highlightedIndex: number;
-    itemQuery: string;
-    label?: string;
-    onClick?: MouseEventHandler;
-    selectionKeys?: string[];
-    tabToSelect?: boolean;
-}
-export interface SelectionHookResult {
-    listHandlers: ListHandlers;
-    selected: string[];
-    setSelected: (selected: string[]) => void;
-}
-/**
- * evt is only null in the special case of a selection fired from a multi-select
- * host on tab or selection based on freeform text in combobox
- */
-export type MultiSelectionHandler<Item = string> = (event: SyntheticEvent | null, selected: Item[]) => void;
-/**
- * evt is only null in the special case of freeform text in combobox
- */
-export type SingleSelectionHandler<Item = string> = (event: SyntheticEvent | null, selected: Item) => void;
-export type SelectionType<I, S extends SelectionStrategy> = S extends MultiSelectionStrategy ? I[] : I | null;
-export interface ComponentSelectionProps<Item = string, S extends SelectionStrategy = "default"> {
-    defaultSelected?: S extends MultiSelectionStrategy ? Item[] : Item;
-    onSelect?: SelectHandler<Item>;
-    onSelectionChange?: S extends MultiSelectionStrategy ? MultiSelectionHandler<Item> : SingleSelectionHandler<Item>;
-    selected?: SelectionType<Item, S>;
-    selectionStrategy?: S;
-    /**
-     * The keyboard keys used to effect selection, defaults to SPACE and ENTER
-     * TODO maybe this belongs on the SelectionProps interface ?
-     */
-    selectionKeys?: string[];
-}
-export {};

package/types/src/common-hooks/use-resize-observer.d.ts

@@ -1,16 +0,0 @@
-import { RefObject } from "react";
-export declare const WidthHeight: string[];
-export declare const WidthOnly: string[];
-export declare const HeightOnly: string[];
-export type measurements<T = string | number> = {
-    height?: T;
-    clientHeight?: number;
-    clientWidth?: number;
-    contentHeight?: number;
-    contentWidth?: number;
-    scrollHeight?: number;
-    scrollWidth?: number;
-    width?: T;
-};
-export type ResizeHandler = (measurements: measurements<number>) => void;
-export declare function useResizeObserver(ref: RefObject<Element | HTMLElement | null>, dimensions: string[], onResize: ResizeHandler, reportInitialSize?: boolean): void;

package/types/src/common-hooks/useControlled.d.ts

@@ -1,24 +0,0 @@
-import { Dispatch, SetStateAction } from "react";
-export interface UseControlledProps<T> {
-    /**
-     * Holds the component value when it's controlled.
-     */
-    controlled?: T;
-    /**
-     * The default value when uncontrolled.
-     */
-    default: T;
-    /**
-     * The component name displayed in warnings.
-     */
-    name: string;
-    /**
-     * The name of the state variable displayed in warnings.
-     */
-    state?: string;
-}
-/**
- * Copied from MUI (v5) useControlled hook with one additional returned value
- * @see https://github.com/mui-org/material-ui/blob/0979e6a54ba47c278d1f535953c0520a86349811/packages/material-ui-utils/src/useControlled.js
- */
-export declare function useControlled<S>({ controlled, default: defaultProp, name, state, }: UseControlledProps<S>): [S, Dispatch<SetStateAction<S>>, boolean];

package/types/src/context-panel-provider/ContextPanelProvider.d.ts

@@ -1,17 +0,0 @@
-import { type ReactElement, type ReactNode } from "react";
-/**
- * If component is a string, the component will be read from the
- * comoponent registry. In that case, componentProps can be used
- * to pass props to the component.
- */
-export type ShowContextPanel = (component: string | ReactElement, title: string, componentProps?: unknown) => void;
-export interface ContextPanelProps {
-    hideContextPanel?: () => void;
-    showContextPanel: ShowContextPanel;
-}
-export declare const ContextPanelContext: import("react").Context<ContextPanelProps>;
-export declare const ContextPanelProvider: ({ children, hideContextPanel: hideContextPanelProp, showContextPanel: showContextPanelProp, }: Partial<ContextPanelProps> & {
-    children: ReactNode;
-}) => import("react").JSX.Element;
-export declare function useContextPanel(): ShowContextPanel;
-export declare function useHideContextPanel(): (() => void) | undefined;

package/types/src/cycle-state-button/CycleStateButton.d.ts

@@ -1,11 +0,0 @@
-import { ButtonProps } from "@salt-ds/core";
-import type { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
-import type { CommitHandler } from "@vuu-ui/vuu-utils";
-export type CycleStateButtonChangeHandler = (value: VuuRowDataItemType) => void;
-export interface CycleStateButtonProps extends Omit<ButtonProps, "onChange"> {
-    onChange?: CycleStateButtonChangeHandler;
-    onCommit?: CommitHandler<HTMLButtonElement>;
-    values: string[];
-    value: string;
-}
-export declare const CycleStateButton: import("react").ForwardRefExoticComponent<CycleStateButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/types/src/cycle-state-button/index.d.ts

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

package/types/src/date-input/DateInput.d.ts

@@ -1,60 +0,0 @@
-import { type ChangeEvent, type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type RefObject, type SyntheticEvent } from "react";
-import { type DateValue } from "@internationalized/date";
-import { type RangeSelectionValueType, type SingleSelectionValueType } from "../calendar";
-export interface DateInputProps<SelectionVariantType> extends Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "onChange">, Pick<ComponentPropsWithoutRef<"input">, "disabled" | "placeholder"> {
-    ariaLabel?: string;
-    /**
-     * The marker to use in an empty read only DateInput.
-     * Use `''` to disable this feature. Defaults to '—'.
-     */
-    emptyReadOnlyMarker?: string;
-    /**
-     * End adornment component
-     */
-    endAdornment?: ReactNode;
-    /**
-     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.
-     */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    /**
-     * If `true`, the component is read only.
-     */
-    readOnly?: boolean;
-    /**
-     * Validation status.
-     */
-    validationStatus?: "error" | "warning" | "success";
-    /**
-     * Styling variant. Defaults to "primary".
-     */
-    variant?: "primary" | "secondary";
-    /**
-     * Styling variant with full border. Defaults to false
-     */
-    bordered?: boolean;
-    /**
-     * Function to format the input value.
-     */
-    dateFormatter?: (input: DateValue | undefined) => string;
-    /**
-     * Reference for the startInput;
-     */
-    startInputRef?: RefObject<HTMLInputElement | null>;
-    /**
-     * Reference for the endInput;
-     */
-    endInputRef?: RefObject<HTMLInputElement | null>;
-    /**
-     * Selection variant. Defaults to single select.
-     */
-    selectionVariant?: "default" | "range";
-    /**
-     * Callback fired when the selected date change.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate?: SelectionVariantType) => void;
-    /**
-     * Callback fired when the input value change.
-     */
-    onChange?: SelectionVariantType extends SingleSelectionValueType ? (event: ChangeEvent<HTMLInputElement>, selectedDateInputValue?: string) => void : (event: ChangeEvent<HTMLInputElement>, startDateInputValue?: string, endDateInputValue?: string) => void;
-}
-export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps<RangeSelectionValueType | DateValue> & import("react").RefAttributes<HTMLDivElement>>;

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

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

package/types/src/date-picker/DatePicker.d.ts

@@ -1,66 +0,0 @@
-import { type ChangeEvent, type SyntheticEvent } from "react";
-import { type DateValue } from "@internationalized/date";
-import { type CalendarProps, type RangeSelectionValueType, type SingleSelectionValueType } from "../calendar";
-import { type DateInputProps } from "../date-input";
-export interface DatePickerProps<SelectionVariantType> extends DateInputProps<SelectionVariantType> {
-    /**
-     * Selection variant. Defaults to single select.
-     */
-    selectionVariant?: "default" | "range";
-    /**
-     * If `true`, the component will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The selected date value. Use when the component is controlled.
-     * Can be a single date or an object with start and end dates for range selection.
-     */
-    selectedDate?: SelectionVariantType;
-    /**
-     * The default date value. Use when the component is not controlled.
-     * Can be a single date or an object with start and end dates for range selection.
-     */
-    defaultSelectedDate?: SelectionVariantType;
-    /**
-     * Props to be passed to the Calendar component.
-     */
-    CalendarProps?: Partial<Omit<CalendarProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange">>;
-    /**
-     * Function to format the input value.
-     */
-    dateFormatter?: (input: DateValue | undefined) => string;
-    /**
-     * Callback function triggered when open state changes.
-     */
-    onOpenChange?: (newOpen: boolean) => void;
-    /**
-     * Display or hide the component.
-     */
-    open?: boolean;
-    /**
-     * The default open value. Use when the component is not controlled.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Helper text to display in the panel
-     */
-    helperText?: string;
-    /**
-     * Validation status.
-     */
-    validationStatus?: "error" | "warning" | "success";
-    /**
-     * Callback fired when the selected date change.
-     */
-    onSelectionChange?: (event: SyntheticEvent, selectedDate?: SelectionVariantType) => void;
-    /**
-     * Callback fired when the input value change.
-     */
-    onChange?: SelectionVariantType extends SingleSelectionValueType ? (event: ChangeEvent<HTMLInputElement>, selectedDateInputValue?: string) => void : (event: ChangeEvent<HTMLInputElement>, startDateInputValue?: string, endDateInputValue?: string) => void;
-    /**
-     * Number of Calendars to be shown if selectionVariant is range.
-     * 2 is the default value.
-     */
-    visibleMonths?: 1 | 2;
-}
-export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps<RangeSelectionValueType | DateValue> & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/date-picker/DatePickerContext.d.ts

@@ -1,19 +0,0 @@
-import type { DateValue } from "@internationalized/date";
-import { type UseFloatingUIReturn } from "@salt-ds/core";
-import type { RangeSelectionValueType } from "../calendar";
-export interface DatePickerContextValue<SelectionVariantType> extends Partial<Pick<UseFloatingUIReturn, "context">> {
-    openState: boolean;
-    setOpen: (newOpen: boolean) => void;
-    disabled: boolean;
-    selectedDate: SelectionVariantType | undefined;
-    defaultSelectedDate: SelectionVariantType | undefined;
-    setSelectedDate: (newStartDate: SelectionVariantType | undefined) => void;
-    startVisibleMonth: DateValue | undefined;
-    setStartVisibleMonth: (newStartDate: DateValue | undefined) => void;
-    endVisibleMonth: DateValue | undefined;
-    setEndVisibleMonth: (newStartDate: DateValue | undefined) => void;
-    selectionVariant: "default" | "range";
-    getPanelPosition: () => Record<string, unknown>;
-}
-export declare const DatePickerContext: import("react").Context<DatePickerContextValue<RangeSelectionValueType | DateValue>>;
-export declare function useDatePickerContext(): DatePickerContextValue<RangeSelectionValueType | DateValue>;

package/types/src/date-picker/DatePickerPanel.d.ts

@@ -1,10 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
-import { type CalendarProps, type RangeSelectionValueType } from "../calendar";
-export interface DatePickerPanelProps<SelectionVariantType> extends ComponentPropsWithoutRef<"div"> {
-    onSelect?: (event: SyntheticEvent, selectedDate?: SelectionVariantType) => void;
-    helperText?: string;
-    visibleMonths?: 1 | 2;
-    CalendarProps?: Partial<Omit<CalendarProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange">>;
-}
-export declare const DatePickerPanel: import("react").ForwardRefExoticComponent<DatePickerPanelProps<RangeSelectionValueType | DateValue> & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,38 +0,0 @@
-import { type ReactNode } from "react";
-import type { DragDropState } from "./DragDropState";
-import { type GlobalDropHandler, type ResumeDragHandler } from "./useGlobalDragDrop";
-export type DragOutHandler = (id: string, dragDropState: DragDropState) => boolean;
-export type DragDropRegistrationFn = (id: string, resumeDrag: ResumeDragHandler | false, onDrop?: GlobalDropHandler) => void;
-export type EndOfDragOperationHandler = (id: string) => void;
-export interface DragDropContextProps {
-    dragSources?: Map<string, string[]>;
-    dropTargets?: Map<string, string[]>;
-    onDragOut?: DragOutHandler;
-    onEndOfDragOperation?: EndOfDragOperationHandler;
-    registerDragDropParty: DragDropRegistrationFn;
-}
-export type DragSources = {
-    [key: string]: {
-        dropTargets: string | string[];
-        payloadType?: string;
-    };
-};
-export interface DragDropProviderProps {
-    children: ReactNode;
-    dragSources: DragSources;
-}
-export type MeasuredTarget = {
-    bottom: number;
-    left: number;
-    right: number;
-    top: number;
-};
-export declare const DragDropProvider: ({ children, dragSources: dragSourcesProp, }: DragDropProviderProps) => import("react").JSX.Element;
-export interface DragDropProviderResult {
-    isDragSource?: boolean;
-    isDropTarget?: boolean;
-    onDragOut?: DragOutHandler;
-    onEndOfDragOperation?: (id: string) => void;
-    register: DragDropRegistrationFn;
-}
-export declare const useDragDropProvider: (id?: string) => DragDropProviderResult;

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

@@ -1,15 +0,0 @@
-import { MouseOffset, MousePosition } from "./dragDropTypes";
-export declare class DragDropState {
-    /** Distance between start (top | left) of dragged element and point where user pressed to drag */
-    readonly mouseOffset: MouseOffset;
-    /** Element where the initial mousedown triggered the drag operation */
-    readonly initialDragElement: HTMLElement;
-    /** Element being dragged, (initial element cloned and rendered in portal). */
-    draggableElement: HTMLElement | null;
-    payload: unknown;
-    constructor(mousePosition: MousePosition, dragElement: HTMLElement);
-    /** Used to capture a ref to the Draggable ReactElement */
-    setDraggable: (el: HTMLElement | null) => void;
-    setPayload(payload: unknown): void;
-    private getMouseOffset;
-}

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

@@ -1,13 +0,0 @@
-import { CSSProperties, HTMLAttributes, MutableRefObject, TransitionEventHandler } from "react";
-export interface DraggableProps extends HTMLAttributes<HTMLDivElement> {
-    wrapperClassName: string;
-    element: HTMLElement;
-    onDropped?: () => void;
-    onTransitionEnd?: TransitionEventHandler;
-    scale?: number;
-    style: CSSProperties;
-}
-export declare const Draggable: import("react").ForwardRefExoticComponent<DraggableProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const createDragSpacer: (transitioning?: MutableRefObject<boolean>) => HTMLElement;
-export declare const createDropIndicatorPosition: () => HTMLElement;
-export declare const createDropIndicator: (transitioning?: MutableRefObject<boolean>) => HTMLElement;

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

@@ -1,5 +0,0 @@
-import { Rect } from "./dragDropTypes";
-export declare const DropIndicator: import("react").ForwardRefExoticComponent<{
-    className?: string;
-    rect: Rect;
-} & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,100 +0,0 @@
-import { MouseEventHandler, ReactElement, RefObject } from "react";
-import type { orientationType } from "@vuu-ui/vuu-utils";
-import { DragDropState } from "./DragDropState";
-export type ViewportRange = {
-    atEnd: boolean;
-    atStart: boolean;
-    from: number;
-    to: number;
-};
-type dimension = "width" | "height" | "scrollWidth" | "scrollHeight";
-type dimensions = {
-    size: dimension;
-    depth: dimension;
-    scrollDepth: dimension;
-};
-export type dimensionsType = {
-    horizontal: dimensions;
-    vertical: dimensions;
-};
-export type dragStrategy = "drop-indicator" | "natural-movement" | "drag-copy" | "drop-only";
-export type Direction = "fwd" | "bwd";
-export declare const FWD: Direction;
-export declare const BWD: Direction;
-export interface MousePosition {
-    clientX: number;
-    clientY: number;
-}
-export interface MouseOffset {
-    x: number;
-    y: number;
-}
-export type Rect = {
-    height: number;
-    left: number;
-    top: number;
-    width: number;
-};
-export interface DragHookResult {
-    draggable?: ReactElement;
-    dropIndicator?: ReactElement;
-    draggedItemIndex?: number;
-    isDragging: boolean;
-    isScrolling: RefObject<boolean>;
-    onMouseDown?: MouseEventHandler;
-    revealOverflowedItems?: boolean;
-}
-export interface InternalDragHookResult extends Omit<DragHookResult, "isDragging" | "isScrolling"> {
-    beginDrag: (dragElement: HTMLElement) => void;
-    drag: (dragPos: number, mouseMoveDirection: "fwd" | "bwd") => void;
-    drop: () => DropOptions;
-    handleScrollStart?: (scrollDirection: "fwd" | "bwd") => void;
-    handleScrollStop?: (scrollDirection: "fwd" | "bwd", _scrollPos: number, atEnd: boolean) => void;
-    /**
-     * Draggable item has been dragged out of container. Remove any local drop
-     * indicators. Dragged element itself should not yet be removed from DOM.
-     */
-    releaseDrag?: () => void;
-}
-export interface DropOptions {
-    fromIndex: number;
-    toIndex: number;
-    isExternal?: boolean;
-    payload?: unknown;
-}
-export type DragStartHandler = (dragDropState: DragDropState) => void;
-export type DropHandler = (options: DropOptions) => void;
-export interface DragDropProps {
-    allowDragDrop?: boolean | dragStrategy;
-    containerRef: RefObject<HTMLElement | null>;
-    /** this is the className that will be assigned during drag to the dragged element  */
-    draggableClassName: string;
-    extendedDropZone?: boolean;
-    getDragPayload?: (dragElement: HTMLElement) => unknown;
-    id?: string;
-    isDragSource?: boolean;
-    isDropTarget?: boolean;
-    itemQuery?: string;
-    onDragStart?: DragStartHandler;
-    onDrop: DropHandler;
-    onDropSettle?: (toIndex: number) => void;
-    orientation: orientationType;
-    /**
-     * The scrolling container does not necessarily have to be a
-     * descendant of the container, it may be an ancestor element;
-     */
-    scrollingContainerRef?: RefObject<HTMLElement | null>;
-    viewportRange?: ViewportRange;
-}
-export type DragDropHook = (props: DragDropProps) => DragHookResult;
-export interface InternalDragDropProps extends Omit<DragDropProps, "draggableClassName" | "id" | "onDrop"> {
-    isDragSource?: boolean;
-    isDropTarget?: boolean;
-    selected?: unknown;
-}
-export type DragDropContext = {
-    dragElement: HTMLElement;
-    dragPayload: unknown;
-    mouseOffset: MouseOffset;
-};
-export {};

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;